# Redimensionnez les composants

{% embed url="<https://youtu.be/694LL6ZvswI>" %}

**1 -** On clique sur **Nouveau container**.

**2 -** Dans **Composants**, on fait glisser-déposer un élément graphique de notre choix.

**3 -** Puis, **dans le même container**, on vient glisser un deuxième composant à l'une des extrémités **symbolisées par une barre verte**.

**4 -** On sélectionne un composant : il doit être **entouré d'un cadre vert en pointillé**s. On positionne le curseur **sur le bord droit ou gauche du cadre** et on redimensionne le composant comme on le souhaite, en fonction de l'autre élément graphique.

**5 -** On valide en cliquant sur l'un des deux boutons **Enregistrer** présents en haut, à droite et à gauche de la page.

{% hint style="warning" %}
**Attention à ne pas confondre les limites du container et du composant.**

Le **container** peut être déplacé grâce au **symbole des 6 points en gris**.

Le cadre du **composant** apparaît, lui, **en vert**. Il peut être déplacé à votre guise en restant appuyé sur le **symbole des 6 points blancs sur fond vert**. Ou être redimensionné en faisant glisser les côtés du cadre, **en pointillés verts**.
{% endhint %}
