Grid

To create layouts you can use the flexbox grid integrated in Double

<div class="columns">
  <div class="col-mobile-12 col-tablet-12 col-desktop-6">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
  <div class="col-mobile-12 col-tablet-12 col-desktop-6">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
</div>
<div class="columns">
  <div class="col-mobile-12 col-tablet-12 col-desktop-4">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
  <div class="col-mobile-12 col-tablet-12 col-desktop-4">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
  <div class="col-mobile-12 col-tablet-12 col-desktop-4">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
</div>
<div class="columns">
  <div class="col-mobile-12 col-tablet-12 col-desktop-2">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
  <div class="col-mobile-12 col-tablet-12 col-desktop-4">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
  <div class="col-mobile-12 col-tablet-12 col-desktop-6">
    <div style="height: 3rem; background-color: red; border-radius: 4px;"></div>
  </div>
</div>