Grille

Medium down : Les colonnes font 100% et sont espacé de $espace-m
Large : La deuxième colonne est de la taille indiqué moins la taille de la gouttière $espace-m

Colonne 1
Colonne 2
<div class="d-flex">
    <div class="w-">Largeur du contenu</div>
    <div class="w-">Largeur du contenu</div>
</div>
Colonne 1
Colonne 2
<div class="d-flex">
    <div class="w-50">Colonne 1</div>
    <div class="w-50">Colonne 2</div>
</div>
Colonne 1
Colonne 2
<div class="d-flex">
    <div class="w-70">Colonne 1</div>
    <div class="w-30">Colonne 2</div>
</div>
Colonne 1
Colonne 2
Colonne 3
<div class="d-flex">
    <div class="w-33">Colonne 1</div>
    <div class="w-33">Colonne 2</div>
    <div class="w-33">Colonne 3</div>
</div>