DEV Community

Cover image for Flexin' like a Muscle - Advanced Flexbox

Flexin' like a Muscle - Advanced Flexbox

/*Sharkie*/ on February 01, 2020

So by this point, you should have a good grip of flexbox. You could maybe even call yourself a flexbox master. Go ahead, do it, I dare you. Or you...
Collapse
 
juanfrank77 profile image
Juan F Gonzalez • Edited

Nice post! Flexbox is all love and life. Last year I saw it like these cool thing that I didn't how it worked and then went through Dave Geddes's course and haven't used any reference sheets anymore :D.
Great tips you mentioned here, they are quite useful. If you want another awe-inspiring, blow-your-mind kind of experience I recommend reading about flex-basis. Keep flexing! 💪
(I also got that Black Eyed Peas reference ha!)

Collapse
 
justsharkie profile image
/*Sharkie*/

Yeah, I'm just digging into Flexbox myself and flex-basis still confuses the heck out of me. I totally need to dig into it more!

Also yayyyyy I'm glad someone got it. 😂

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

It really is confusing because it is like width but not really, there are some caveats to keep in mind.
For that, take a look at this 😉

Thread Thread
 
justsharkie profile image
/*Sharkie*/

Oooo that's great, thanks for sharing it!

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

✨🎩🌮 Threw together an example of the flex: 1 and flex: 2 on hover for anyone else that wants a visual:

Collapse
 
justsharkie profile image
/*Sharkie*/

Yaaasssssss that's great, thank you!! I had my own code I was playing with while writing this, but didn't even think of sharing it.

Also love the emojis. 🎩🌮✨

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

You should definitely still add it 😃