Dans ce tutoriel nous allons voir comment afficher vos colonnes côte à côte sur mobile, au lieu de la disposition par défault qui affiche les colonnes les unes en dessous des autres. Vous pouvez le faire avec 5 colonnes maximum.
![Capture d’écran 2020-11-06 à 16.34.33](https://cfcdn-cf.hellodr.tech/wp-content/uploads/sites/1641/2022/03/Capture-decran-2020-11-06-a-16.34.33.png)
![Capture d’écran 2020-11-06 à 16.34.49](https://cfcdn-cf.hellodr.tech/wp-content/uploads/sites/1641/2022/03/Capture-decran-2020-11-06-a-16.34.49.png)
Jusqu’à 3 colonnes
Allez dans les paramètres de la ligne, et ajoutez :
display:flex;
Dans « Avancés -> Personnaliser CSS -> Élément Principal ».
![Capture d’écran 2020-11-06 à 16.35.02](https://cfcdn-cf.hellodr.tech/wp-content/uploads/sites/1641/2022/03/Capture-decran-2020-11-06-a-16.35.02.png)
4 colonnes
Allez dans les paramètres de la ligne, et ajoutez :
four-columns-mobile
Dans « Avancés -> ID et classe CSS -> Classe CSS ».
![Capture d’écran 2020-11-06 à 16.54.54](https://cfcdn-cf.hellodr.tech/wp-content/uploads/sites/1641/2022/03/Capture-decran-2020-11-06-a-16.54.54.png)
5 colonnes
Allez dans les paramètres de la ligne, et ajoutez :
five-columns-mobile
Dans « Avancés -> ID et classe CSS -> Classe CSS ».
![Capture d’écran 2020-11-06 à 16.48.39](https://cfcdn-cf.hellodr.tech/wp-content/uploads/sites/1641/2022/03/Capture-decran-2020-11-06-a-16.48.39.png)