[Resolved] Flexbox – help with aligning items centre

[Baz]

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

[David]

Hi there,

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

[Baz]

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

[David]

You’re welcome

[Author]

Posts