DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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 Author

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 Author

Thank you :)

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

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

Collapse
 
zubairmohsin33 profile image
Zubair Mohsin Author

Holly Molly didn't know it was available on YouTube ๐Ÿ˜ฑ

Thank you ๐Ÿ™๐Ÿผ

โฌ‡๏ธ The only reason people scroll to the bottom...

...is because they want to read more. Create an account to bookmark, comment, and react to articles that interest you.