How do I get margins like Help Scout?

[Dandersen (Daniel Andersen)]

Hello everyone,

Typically when building websites I use VW and containers to keep nice margins along the left and right sides of the website. This leads, of course, to the content stacking to maintain those side margins as the browser window narrows.

What I would really love to learn is how to first shrink margins on the sides before the content begins stacking in the same way Help Scout’s (helpscout.com) website does. I’m okay with some shrinking, but is there anyway to achieve this using the Webflow interface?

Thank you.

Here’s a read-only link to my site, though I’m hoping to use this knowledge on a client site I’m just starting: https://preview.webflow.com/preview/weekdaydesignclub?utm_medium=preview_link&utm_source=dashboard&utm_content=weekdaydesignclub&preview=f6f576361741628ebecc4155c75ba6d0&workflow=preview

[Stan (justAnotherDeveloper)]

hi @Dandersen did you inspect their website to see how they have some things done?

@Dandersen

how to first shrink margins on the sides before the content begins stacking

they do not use mains but position. Anyway you can use CSS calc() function for example as they do.

[Dandersen (Daniel Andersen)]

What a tremendously intuitive solution to finding out how it’s done. Thank you so much, @Stan