---
title: "Layout and page structure"
slug: "layout-and-page-structure"
abstract: "Understand how grid systems work in SXA, including how to change the layout of a renderings and pages."
---
# Layout and page structure

SXA is based on a responsive grid layout. Learn how to use the divider, column, and row splitter to change the layout of your page, and how to change the grid settings of a component:

- [The grid layout](https://doc.sitecore.com/xp/en/users/sxa/105/sitecore-experience-accelerator/the-grid-layout.html "The grid layout")
- [Change the layout of a rendering](https://doc.sitecore.com/xp/en/users/sxa/105/sitecore-experience-accelerator/change-the-layout-of-a-rendering.html "Change the layout of a rendering")
- [Change the layout of a page](https://doc.sitecore.com/xp/en/users/sxa/105/sitecore-experience-accelerator/change-the-layout-of-a-page.html "Change the layout of a page")