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
Cake2mo ago
can u share the code as text and not a screenshot
EIO
EIO2mo ago
subgrid will solve this
CHUIS✩
CHUIS✩2mo ago
Omg I never heard about the subgrid and I got mindblown by the posibilities, thank you again EIO 😁
clevermissfox
clevermissfox2mo 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
EIO2mo ago
Always glad to help!
Cake
Cake2mo ago
I'd use flex-grow: 1 on the paragraph container
CHUIS✩
CHUIS✩2mo ago
That didn't worked
Want results from more Discord servers?
Add your server
More Posts