Why does the content in the div change the vertical position of the div?
I want to make a grid divided into 4 squares each of which can have different content. (I'm not using grid or flexbox as an experiment.) When the boxes in a row have the same content, it displays fine (the 1st image).
When the boxes have different content (for example, one has a heading and one has a paragraph) they become vertically misaligned (the 2nd image).
I've attached the css and html.
I've been scratching my head about why this is happening and have not been able to figure it out. I would really appreciate any insights!
0 Replies