Container width and positioning in flexbox settings

[annikaschneider (Annika)]

Hi all,

I’m struggling to figure out how to make my container inside a section full width. The section is set as a flexbox so some containers with little content are centered and not full width so that they are just floating on the page.

How can I align them to the left and make them full width, just like the other containers?

Thanks,
Annika

---

Here is my site Read-Only: https://preview.webflow.com/preview/annikaschneiderdesign?utm_medium=preview_link&utm_source=designer&utm_content=annikaschneiderdesign&preview=27dbd72981960df82e10b86a6713e883&pageId=5f579894a3e28d841a540e7e&mode=preview

[Oli.Timmis (Oli)]

Hey @annikaschneider, your containers are centred because they have left and right margin set to auto. And they’re not going full-width because you have a max-width set of 1048px -

I’d personally recommend moving away from using the actual container elements, and making your own containers using div blocks, as you have far more flexibility.

[annikaschneider (Annika)]

That was easy, thank you so much. I went ahead and created a div with the same class I use for the containers and I worked out perfectly. Thanks!!

[Oli.Timmis (Oli)]

Oh that’s perfect, I’m really glad to hear you found a solution! You’re very welcome!