# Making your Sections Full Width

> Learn how to make your sections extend the full width of the screen

URL: https://sectionstar.app/docs/full-width-sections/
Source: Section Star — https://sectionstar.app
Updated: 2026-10-26T00:00:21.825Z

---

By default, most Section Star sections center themselves within the viewport with margin and padding built-in on the sides. However, you can make any Section Star section extend the full width of the screen if needed. It just requires making a few quick updates to your settings. The documentation below goes through the necessary updates.

## 1. Update Max-Width in Container Design

Start by changing the Max Width number to a large number--5000 works well.

![Udpate Max Width](</screenshots/CleanShot 2024-10-08 at 12.33.19@2x.png>)

## 2. Zero out the padding in Container Design

Next, zero out the padding in the Container Design.

![Zero out Container Padding](</screenshots/CleanShot 2024-10-08 at 12.36.49@2x.png>)

## 3. Zero out the padding in Section Design

Finally, zero out the padding in the Section Design.

![Zero out Section Padding](</screenshots/CleanShot 2024-10-08 at 12.38.41@2x.png>)

That's it. Your section will now display full width on both mobile and desktop.