Flexbox

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;
flex-direction: column;
<div class="d-flex fd-c">
    <div>flex-direction: column;</div>
    <div>flex-direction: column;</div>
</div>