---
title: "Page structure"
slug: "page-structure"
abstract: ""
---
# Page structure

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

- [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")
- [The grid layout](https://doc.sitecore.com/xp/en/users/sxa/105/sitecore-experience-accelerator/the-grid-layout.html "The grid layout")
- [The view modes](https://doc.sitecore.com/xp/en/users/sxa/105/sitecore-experience-accelerator/view-modes-and-themes.html "View modes and themes")