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.
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