> For the complete documentation index, see [llms.txt](https://doc.kis.work/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.kis.work/documentation/guide-de-demarrage/creez-votre-application/redimensionnez-les-composants.md).

# Redimensionnez les composants

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

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

**2 -** 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**.

**3 -** 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.

**4 -** 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 %}