@vcl/vcl

Version:
The whole VCL in one package
33 lines (30 loc) • 908 B
HTML
<code>row</code>
<div class="container demo">
  <div class="row">
    <div class="w-33p"><div class="democontent">.w-33p</div></div>
    <div class="w-33p"><div class="democontent">.w-33p</div></div>
    <div class="w-33p"><div class="democontent">.w-33p</div></div>
  </div>
</div>

<span>responsive percentage based width</span>
<div class="container demo">
  <div class="row">
    <div class="w-100p w-lg-60p">
      <div class="democontent">.w-100p .w-lg-60p</div>
    </div>
    <div class="w-100p w-lg-40p">
      <div class="democontent">.w-100p .w-lg-40p</div>
    </div>
  </div>
</div>

<span>responsive width with golden cut</span>
<div class="container demo">
  <div class="row">
    <div class="w-100p w-lg-gca">
      <div class="democontent">.w-100p .w-lg-gca</div>
    </div>
    <div class="w-100p w-lg-gcb">
      <div class="democontent">.w-100p .w-lg-gcb</div>
    </div>
  </div>
</div>