;/div&gt;
&lt;/section&gt;</code></pre>
            I bet you have pretty good idea of what this code looks like when it
            is rendered, and you have never used this library before. Compare
            this to:
            <pre
              class="padding-3"
            ><code>&lt;section class=&quot;bg-blue p-2 fx-column&quot;&gt;
  &lt;div class=&quot;b-1 b-red rounded-corners text-red p-4 mb-2&quot;&gt;
    Box 1
  &lt;/div&gt;
  &lt;div class=&quot;b-1 b-green rounded-corners text-green p-4&qu