Max Width on a section

[nathandutoit]

Hello,

When I set max-width on the Services section (desktop version) it is pushing the entire section to left, throwing it off center.

I would like to set a max-width to reduce the teal color that is seen left and right. What is the best practice css here? Thanks!

https://latelierbeautylounge.com/

[nico]

Hi @nathandutoit,

Thanks for writing in.

You can adjust the margin of the section to adjust the section width.

Let us know how it goes.

Thanks.

[nathandutoit]

Thanks for the reply. This is not giving the effect I’m looking for. I want the teal background to be constrained to a certain width so that for wider monitors there isn’t too much teal background. It needs a max-width. The section can expand left and right but then stops at the maximum set width. I’ve tried to achieve this by adding max-width css but like I mentioned above it throws it off center.

[christian]

Hey @nathandutoit,

Your left and right margins needs to be set to auto if you’re going to apply max-width and your section to be centered. See https://youtu.be/OsZ6hCytTc8

Hope that helps.

[nathandutoit]

Thank you!!

[Joao]

You are welcome!