DEV Community

Flexbox 101

Christopher Kade on May 10, 2019

Flexbox is a must in today's UI development world as it lets you create responsive and elegant layouts in record time 🙆‍♂️ We'll go through conc...
Collapse
 
christopherkade profile image
Christopher Kade

I did not know Flexbox was time gated 😉
I also mention the CSS Tricks guide in my conclusion 🙂

Collapse
 
israelmuca profile image
Israel Muñoz

@iamdanthedev , do remember that not everyone has been coding forever, dev.to is a very beginner-friendly place.
Let's keep it that way by accepting that 'x 101' are needed, sometimes even by seasoned devs that might be learning new skills!

Thread Thread
 
christopherkade profile image
Christopher Kade

Exactly, content is content, and we need more beginner friendly content to lower our barrier to entry. 😄

Collapse
 
peterwitham profile image
Peter Witham

Great write up and straight forward an explanation for those looking to get into flexbox. There are so many out there that got into layout and CSS back in the dark days that it is sometimes easy to forget to check and see the state of play these days for making life easier.

One suggestion I would make if that having inline examples of the output from your code blocks might help those who are visual learners.

Collapse
 
christopherkade profile image
Christopher Kade

Great suggestion, I'll make sure to add screenshots of every step from now on. Thank you Peter ! 😄

Collapse
 
alexantra profile image
Alex Antra

Great write up! Anyone who has been coding in HTML and CSS for the past decade really appreciates the rise of the flex box. Remember trying to @media your whole website with width %s??? So good.

Collapse
 
dbanty profile image
Dylan Anthony

As someone who struggles every time he has to touch CSS, I’m very grateful for this lovely explanation. Please do more of these, maybe for grid?

Collapse
 
christopherkade profile image
Christopher Kade

I'm glad it helped, if there's anything you would have done differently please let me know !

I'll try to make one for CSS Grid as soon as possible, feel free to follow me on Twitter so I can let you know as soon as it comes out 😃