Web Development

0 readers

1 users here now

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago

MODERATORS

snowe@programming.dev

Ategon@programming.dev

Frustrations with CSS Flexbox (lemmy.goblackcat.com)

submitted 2 years ago by housepanther@lemmy.goblackcat.com to c/webdev@programming.dev

9 comments fedilink hide all child comments

I'm struggling with CSS Flexbox. Each time I think I'm about to get it in an aha momet, I'm actually two steps backwards. I'm taking The Odin Project course and I'm at the phase where I am building the landing page. I've worked on it for 16 straight hours and I'm almost finished. It just looks like shit on a small screen but in fairness, the curriculum did mention that. Otherwise, what I have looks like the goal. I did one or two extra easy touches.

Okay so one question: when is it better to use flex-direction: column and when is it better to use flex-direction row? I'm seriously confused.

you are viewing a single comment's thread
view the rest of the comments

[–] ulkesh@beehaw.org 3 points 2 years ago

When you want your child elements laid out left to right: flex-direction: row

When you want your child elements laid out top to bottom: flex-direction: column