06. Flexbox for beginners - Gr0mi4/Hello-World GitHub Wiki
Learn about Flexbox (find resources by yourself) and then implement the following design for the main page trying to use as many Flexbox features as possible:
(DOn't pay attention to the footer hiding content, it needs to be at the bottom of the page)
- Create a
section
component which is a flex container (row) containing 4 cards. Each card is acard
component and also is a flex container (column). Everysection
has a title, corresponding to a topic. - Align all
card
s in a row in a way so thatsection
takes the height of the highestcard
and all other cards stretch to fill thesection
. - Copy sections for all topics and just change the titles (no need to create unique cards for every section!).
This is only the easiest part of the Flexbox topic. I'm going to prepare "Flexbox for experts" task, after we finish with Media Queries.