Flexbox is the hero!

The photos are lined up and evenly spaced – all thanks to flexbox.

.homepage-featured-work-row {
display: flex;
flex-flow: row;
justify-content: space-between;
}

After returning to display: block; to pull the header out of flexbox, I used flexbox to create a row of elements and to automatically make them evenly spaced. I’ve got to say though, it looks terrible on a phone. But I don’t think we’re approaching this project as mobile first. If we do later, I’ll move this styling to media queries and restyle for small screens. Bada boom.

  • Post category:Debug