Flexbox

<div class="d-flex">Flexbox</div>

space-between

item

<div class="d-flex jc-sb">
    <div>space-between</div>
    <div>item</div>
</div>

space-center

item

<div class="d-flex jc-c">
    <div>space-center</div>
    <div>item</div>
</div>

align-items:
center

item

<div class="d-flex jc-c" style="border: 1px solid var(--gamme1__texte3);margin-bottom:10px">
    <div>space-center</div>
    <div>item</div>
</div>

flex-wrap: wrap;

item

<div class="d-flex fw-w">
    <div>flex-wrap: wrap;</div>
    <div>item</div>
</div>

flex-direction: column;

<div class="d-flex fd-c">
    <div>flex-direction: column;</div>
    <div>flex-direction: column;</div>
</div>