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
Cake12mo ago
can u share the code as text and not a screenshot
EIO
EIO12mo ago
subgrid will solve this
Jolly
JollyOP12mo ago
Omg I never heard about the subgrid and I got mindblown by the posibilities, thank you again EIO 😁
clevermissfox
clevermissfox12mo ago
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
EIO12mo ago
Always glad to help!
Cake
Cake12mo ago
I'd use flex-grow: 1 on the paragraph container
Jolly
JollyOP12mo ago
That didn't worked

Did you find this page helpful?