one-third-two-thirds

Introductie

Verdeling 33.33% - 66.66% vanaf het ingestelde breekpunt.

Snelstart

SCSS importeren:

    
    @use "@minvws/manon/components/layout";
@use "@minvws/manon/components/one-third-two-thirds";

Voorbeelden

Voorbeeld: div

Lorem ipsum dolor sit

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 sit

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 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.

    
    <div class="one-third-two-thirds">
  <div class="content-wrapper">
    <!-- Content -->
  </div>

  <div class="content-wrapper">
    <!-- Content -->
  </div>
</div>

Voorbeeld: section

    
    <section class="one-third-two-thirds">
  <div class="content-wrapper">
    <!-- Content -->
  </div>

  <div class="content-wrapper">
    <!-- Content -->
  </div>
</section>

Voorbeeld: article

    
    <article class="one-third-two-thirds">
  <div class="content-wrapper">
    <!-- Content -->
  </div>

  <div class="content-wrapper">
    <!-- Content -->
  </div>
</article>