. Follow the steps described in <a href="/tutorial/blazor-wasm/dotnet5/theming-and-layout-652073">Theming and Layouts guide</a> to create a layout. In this example, we will use the following layout:</p>
<pre class="code" language="razor">@inherits LayoutComponentBase

&lt;div class="container-fluid"&gt;
    @Body
&lt;/div&gt;</pre>
<hr class="my-4" />
<h1>Changing the layout</h1>
<p>Once you have the layout, you can use it in the <code>@layout</code> directive.</p>
<pre class="code" language="razor">@layout