---
title: "Grid"
slug: "grid"
abstract: ""
---
# Grid

By default, SXA comes with six different grid systems. This includes Bootstrap 3, Bootstrap 4, Bootstrap 5, Foundation, Grid960, and Tailwind. Learn how to [add your own custom CSS framework](https://doc.sitecore.com/xp/en/developers/sxa/105/sitecore-experience-accelerator/create-a-custom-grid.html "Create a custom grid") or select a specific out-of-the-box grid system.

- [Create a custom grid](https://doc.sitecore.com/xp/en/developers/sxa/105/sitecore-experience-accelerator/create-a-custom-grid.html "Create a custom grid").
- [Configure sites to use Tailwind](https://doc.sitecore.com/xp/en/developers/sxa/105/sitecore-experience-accelerator/configure-sites-to-use-tailwind.html "Configure sites to use Tailwind").