The div which has less “vertical content” (so to speak) needs to match the height of the other div.

I am essentially using the code from this w3 lesson: https://www.w3schools.com/howto/howto_css_zig_zag_layout.asp

The only solution I can think of is manually setting a height for each row (the parent element) and setting the divs to height: 100%

r/webdev - How can I make divs which float side by side have the same height?

UPDATE:

Flexbox align-items: stretch seems to do the trick



Source link

Write A Comment