CSS Height Control

I'm having trouble to center everything equally in a grid. For example images or short texts can break the entire flow. What could be the best solution to have everything equal even if the images are short or we have less text compare to others?
No description
No description
No description
7 Replies
Cake
Cake2y ago
can u share the code as text and not a screenshot
EIO
EIO2y ago
subgrid will solve this
Jolly
JollyOP2y ago
Omg I never heard about the subgrid and I got mindblown by the posibilities, thank you again EIO 😁
curiousmissfox
You could also just give the "footer" (read more, iTunes youtuber etc) a margin-block: auto so those footers are aligned in the same row Subgrid is amazing but support is around 88% if that matters for your project
EIO
EIO2y ago
Always glad to help!
Cake
Cake2y ago
I'd use flex-grow: 1 on the paragraph container
Jolly
JollyOP2y ago
That didn't worked

Did you find this page helpful?