Laying out images symmetrically with flexbox

Hello all.

I’ve come back to CSS after a months long break. I’ve started laying out a sample portfolio page, and have a query about image layout.

Here is a link to my (incomplete) sample page work in progress portfolio page

As you can see there are two rows of images, 3 in the first, two in the second. I’d like the two images to spread out so the are centered relative to the row they are in, as I think this would look better. However, the solutions I’ve tried aren’t working. I’d appreciate any suggestions as to how this might be resolved. Here is a link to the github repo:

Many thanks for looking. :slight_smile:

Add justify-content: center to the container for the cards.


Hi. Thanks for replying. Your suggestion was exactly what I was trying to achieve. :slight_smile: