DEV Community

Zubair Mohsin
Zubair Mohsin

Posted on

Explain FlexBox Like I'm Five

Hi Devs, I am PHP/Laravel (Backend) Developer most of my time. Started learning CSS few days ago. Now I am trying to understand FlexBox in CSS.

Any kind of help in understanding the FlexBox concept or making the learning easier would be much appreciated.

Share your thoughts, resource links for learning. Anything.

Top comments (7)

Collapse
 
0xhjohnson profile image
Hunter Johnson

Flexbox is best used for laying out items in a row. Imagine your a teacher, you could have your students line up single file in a flexbox closest to the you because they are rowdy (flex-start) or away from you because she isn’t feeling well and doesn’t want to get the kids sick (flex-end).

Flexbox froggy
Flexbox cheatsheet

Collapse
 
zubairmohsin33 profile image
Zubair Mohsin

Thank you :)

Collapse
 
reemhamz profile image
Reem

Hey Zubair,

When I was learning Flexbox, this was the best cheat sheet I saw. It's easy on the eyes and has most of everything for you to learn. Just take your time :) jonibologna.com/blog/flexbox-cheat...

Collapse
 
zubairmohsin33 profile image
Zubair Mohsin

Thank you :)

Collapse
 
ziizium profile image
Habdul Hazeez
Collapse
 
hafeezistic profile image
Hafeezur Rahman • Edited

Learn Flexbox [wes bos]:
flexbox.io/
(or)
youtube.com/playlist?list=PLu8EoSx...

Collapse
 
zubairmohsin33 profile image
Zubair Mohsin

Holly Molly didn't know it was available on YouTube 😱

Thank you 🙏🏼