l so it's important that you set an appropriate font size for your root <code>html</code> tag.</p>

<br>

<h4>Important: <code>border-box</code> required</h4>
<p>Petal bases all styles' sizings on the <code>border-box</code> CSS box model.</p>


<div class="demo-code">
<pre><code class="language-less">* {
    box-sizing: border-box;
}
</code></pre>
</div>

<p>The <code>box-sizing</code> property is declared for all elements (<code>*</code>) inside <code>basic.less</code> file, so it's important that you inc