Layout twee kolommen
Verdeling 50% - 50% vanaf het ingestelde breekpunt.
Benodigde bestanden
Om gebruik te maken van de styling dienen de onderstaande bestanden ingeladen te zijn via
het
manon.scss
bestand.
layout/layout-base.scss
layout/layout-base-variables.scss
layout/layout-column-2.scss
layout/layout-column-2-variables.scss
Voorbeeld
Visueel voorbeeld:
Lorem ipsum dolor set
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue ac enim luctus, vitae iaculis magna vestibulum. Aenean est mauris, condimentum et molestie sed, tempus in massa.
Lorem ipsum dolor set
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue ac enim luctus, vitae iaculis magna vestibulum. Aenean est mauris, condimentum et molestie sed, tempus in massa.
HTML-voorbeeld:
div
:
<div class="column-2">
<div>
<!-- Content -->
</div>
<div>
<!-- Content -->
</div>
</div>
section
:
<section class="column-2">
<div>
<!-- Content -->
</div>
<div>
<!-- Content -->
</div>
</section>