DEV Community

Discussion on: It's been a week and I'm still stuck

Collapse
miloloaf profile image
Miloloaf

I found this tool useful for visual learners like myself. I forget all the types of properties once it get's a little more complex but when it's laid out like this, it seems to make a lot more sense.

flexbox.malven.co/

As a beginner, I also find it useful to think about it like this "Where do I want my elements and where do I want my elements to start from? Left, Right, Top, Bottom, Centre?" I haven't gone through TOP so I won't know the specific section you are referring to. But all in all to simplify it, flex boxes are best for "single line" displays that are uniform eg Menu Bars. If you want 2d arrays, you might want to look into grids.

Collapse
m1keym profile image
Mikey Author

Thank you for that, I'll take a look. I find that I have a pretty decent grasp on things like 'justify-content' and such most of the time then I get really confused around flex grow/shrink/basis then everything I do know goes out of the window.

The part of TOP I'm doing could probably be done with grid and I actually like grid and could do it, but this is a flexbox exercise so I feel like there is a reason for me having to learn how to do it with flexbox.

Thank you for taking the time to respond and for the link at a glance it looks really useful!