Obsessed with React and teaching. I help people become Frontend Developers. Living with my fiancee and Yorkshire Terrier 🐶 in Poland.
Discover Mentorship
Discover Mentorship
The above is an affiliate link, if you buy the book I'll get a small commission at no extra charge to you.
Obsessed with React and teaching. I help people become Frontend Developers. Living with my fiancee and Yorkshire Terrier 🐶 in Poland.
Image by Erik Lucatero from Unsplash
DESCRIPTION
Make all cards equal height with flexbox. Especially helpful when content is dynamic and can't set fixed height.
Preview
Flexbox magic
Summary
- Flexbox was used on the container div to make all child cards equal height.
- A card itself is also constructed with flexbox for column layout.
flex: 1
property expands height of the card content to keep button at the bottom for all cards.
THE GUIDE TO BEAT FRONTEND INTERVIEW
slack
Let's build a community that will help each other.