Flexbox was the villain!

Yep, just spent an hour and a half not able to figure out why my headline was laying to the left of my images instead of above them. I kept thinking, “the box model says they would lay one on top of the other. Arrrgh!”. That should have been my clue.

What they didn’t tell us (because they try to give us as much real-world experience as possible) is that the site was coded with flexbox. Which, obviously, changes the box model. I needed to override the flexbox code by going back one level and specifying display: block;

So, Yeah! My headline now appears above my photos. Now if I could just get my photos to line up.

  • Post category:Debug