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!
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!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
