# Colonnes

Les colonnes sont un excellent moyen de créer différentes mises en page pour votre documentation. Vous pouvez ajouter de nombreux types de blocs différents à l’intérieur d’une colonne et ajuster la largeur de chaque côté pour l’adapter au design dont vous avez besoin.

{% columns %}
{% column width="50%" %}

#### Créez une expérience fluide entre votre documentation et votre produit

Intégrez votre documentation directement dans l’expérience de votre produit, ou offrez aux utilisateurs une expérience personnalisée qui leur donne plus rapidement ce dont ils ont besoin.

<a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">En savoir plus</a>
{% endcolumn %}

{% column %}

<figure><img src="https://3903131528-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNkEGS7hzeqa35sMXQZ4X%2Fuploads%2FNMfJRm6dUVv7erqeWmAk%2Fcolumns.png?alt=media&#x26;token=925af10f-1f4e-40cc-9cd2-cccf213460ff" alt="An image of GitBook icons demonstrating side by side column functionality"><figcaption></figcaption></figure>
{% endcolumn %}
{% endcolumns %}

## Représentation en Markdown

<pre class="language-markdown" data-overflow="wrap"><code class="lang-markdown"><strong>## Exemple
</strong>




### Créez une expérience fluide entre votre documentation et votre produit

Intégrez votre documentation directement dans l’expérience de votre produit, ou offrez aux utilisateurs une expérience personnalisée qui leur donne plus rapidement ce dont ils ont besoin.

&#x3C;a href="https://www.gitbook.com/#alpha-waitlist" class="button primary">En savoir plus&#x3C;/a>





&#x3C;figure>&#x3C;img src="../../.gitbook/assets/GitBook vision post.png" alt="Une image d’icônes GitBook démontrant la fonctionnalité de colonnes côte à côte">&#x3C;figcaption>&#x3C;/figcaption>&#x3C;/figure>




</code></pre>