two-thirds-one-third

Introductie

Verdeling 66.66% - 33.33% vanaf het ingestelde breekpunt.

Snelstart

SCSS importeren:

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

Voorbeelden

Voorbeeld: div

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

  <div>
    <!-- Content -->
  </div>
</div>
  

Voorbeeld: section

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

  <div>
    <!-- Content -->
  </div>
</section>
  

Voorbeeld: article

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

  <div>
    <!-- Content -->
  </div>
</article>