---
title: "What is boxed width?"
date: "2018-01-11T15:12:41+00:00"
summary: "Discover Site Studio's boxed width feature for responsive web design. Learn how to create centrally-aligned, defined-width layouts that adapt across breakpoints, enhancing your site's visual consistency and user experience."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/what-boxed-width"
id: "519459a5-308f-42a9-bf7e-dc48b60e56dc"
---

Site Studio's responsive grid system uses a series of containers, rows, and columns to lay out and align content. When configuring your responsive grid you can set a pixel width for each breakpoint. This is called the boxed width. 

When you add a container to your layout, you can choose to make it Fluid width (100% of its parent) or Boxed width (The width defined within your responsive grid settings). The Boxed width is always aligned centrally within the browser viewport and can be used to create a defined width for your content or layout that is managed globally within your Responsive grid settings.

![37d94354-Boxed-width.svg](https://acquia.widen.net/content/e3972220-1ae2-4825-9f02-2a8e5cf356ef/web/37d94354-Boxed-width.svg)