# Layouts The workflow in Maizzle revolves around the concept of Layouts, Templates and Components. A Layout is basically a [Component](/docs/components) that contains the `doctype`, `` and `` tags of your HTML - the kind of code that changes rarely and can be reused. Layouts may include a `` tag, which can be used to render a Template. This allows us to create a parent-child relationship between Layouts and Templates. In Maizzle we add this `` tag in the `` of the `main.html` Layout, to define where a Template's HTML should be injected. ## Getting started Layouts are typically stored in the `layouts` directory. Need to store them elsewhere? Make sure to [update the config](/docs/configuration/components#folders) . Layouts must include a `` tag, which is used to define where the Template's HTML will be rendered. Here's a very basic `layout.html`: ```html [layouts/main.html] // [!code ++] ``` For Tailwind CSS to work, Layouts must include it either via a ` // [!code ++] ``` We don't recommend using `@tailwind base` because it contains CSS resets that won't work or are not needed in HTML emails. Also, some resets in there use the `*` selector, which can cause issues when CSS is inlined. ### link tag Maizzle also supports `` tags - it will try to read the file from the `href` attribute and process it with PostCSS (including Tailwind CSS). Note that this currently only works with local files. ```html [layouts/main.html] // [!code ++] ``` Make sure to include the `inline` attribute on the `` tag, this will replace it with a `