<h2>What layouts are</h2>
<p>Layouts are templates that tell AlgoApp how to turn the fields in a card into what you actually see during review.</p>
<p>Most decks start with a standard front-to-back layout, and many also include a back-to-front layout.</p>
<h2>What layouts are good for</h2>
<p>Use layouts when you want to:</p>
<ul>
<li>study the same information in more than one direction</li>
<li>change the appearance of cards</li>
<li>build advanced cards for code, TeX, language study, and other custom formats</li>
</ul>
<h2>What you can edit in a layout</h2>
<p>A layout usually includes:</p>
<ul>
<li>a name</li>
<li>the available fields</li>
<li>front-side HTML</li>
<li>back-side HTML</li>
<li>CSS styling</li>
<li>a preview</li>
</ul>
<h2>Common syntax</h2>
<p>Use field placeholders such as:</p>
<pre><code class="language-html">{{front}}
</code></pre>
<p>On the back side, you can include the front side like this:</p>
<pre><code class="language-html">{{FrontSide}}
&#x3C;hr />
{{back}}
</code></pre>
<h2>How to open layouts</h2>
<p>Open a deck, then open the menu and choose "Layouts".</p>
<h2>Important</h2>
<p>Layouts are an advanced feature. If you are not comfortable with HTML and CSS, the built-in layouts are usually the best place to start.</p>

What are Layouts?

What layouts are

What layouts are good for

What you can edit in a layout

Common syntax

How to open layouts

Important