CSS-Boxen nicht richtig ausgerichtet

Question

Ich entwerfe eine Web-Anwendung und meine Css-Panels springen ständig herum. Die Panels haben ein Bild mit einem Seitenverhältnis von 4: 3 und einen Beschreibungsabschnitt. Es funktioniert manchmal gut und springt manchmal ab, wenn ich dem Katalog neue Produkte hinzufüge. Ich kann keine feste Höhe festlegen, weil ich darauf reagieren muss, und ich bin zu faul, um Medienabfragen für jedes Ansichtsfenster zu schreiben. Ich arbeite mit Bootstrap 4. Irgendwelche Gurus da draußen, die irgendwelche Einsichten haben? Meine Seite wird auf lunchmagic.co.ke gehostet. Sie können die Seite überprüfen, um meinen Code zu sehen. Danke

Answer 1

Übernehmen Sie min-height zu jeder Box, danach werden Ihre Boxen ordnungsgemäß angezeigt.

Answer 2

Make fix Höhe oder min-height für alle von ihnen, dass Ihr Problem zu beheben

.box { 
    height:xxx; /*your height*/ 
}