---
title: Layout
slug: layout/index
path: ../
---
{% extends "layouts/default.html" %}
{% block page %}
{{ title }}
{% markdown %}
> At minimum, the following structure is required:
- a layout container wrapper with the `.layout-container` class (also works when applied to `body`)
- a layout content wrapper with the `.layout-content` class
- ***optional*** add the `data-scrollable` attribute to the `.layout-content` container to enable [custom scrollbars](../scrollbars.html)
{% endmarkdown %}
{% include 'code/layout-basic.html' %}
{% endblock %}