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