Archived topic

Flexbox - help with aligning items centre

3 replies · Started by Baz on December 7, 2020

Viewing posts 1–4 of 4

December 7, 2020 at 3:21 am #1570165

Hi, I'm new to all this Flexbox malarkey :)

When I want an item centred without padding or margins, I normally add:

margin-left: auto;
margin-right: auto;
max-width: 400px;

This allows the object to float centrally within say a 800px container.

Is there a better way to achieve this with Flexbox CSS?

I don't have a live website yet to show you an example, just inquisitive.

Thanks

December 7, 2020 at 4:22 am #1570208

Hi there,

that is still the most valid way of cantering a smaller container within a larger parent container.

December 7, 2020 at 4:38 am #1570223

Thanks David, I was worried that my CSS was out-of-date for the new Flexbox version of GP Theme :)

December 7, 2020 at 5:13 am #1570249

You're welcome

This archived topic is closed to new replies.