
Bundle CSS : 10 astuces & exercices pour vous perfectionner

Dans ce tuto CSS en vidéo, nous allons découvrir ensemble comment créer une galerie d'images avec un effet Pinterest uniquement avec du CSS.
En effet, toutes les images seront de dimensions différentes et celles-ci s'empileront de manière fluide sur 3 colonnes sans laisser de vide.
Le tout sera bien entendu responsive sur mobile/tablette.
Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.
Si vous souhaitez découvrir d'autres astuces CSS, je vous conseille mon Bundle regroupant 10 astuces & exercices pour vous perfectionner.
Les fichiers sources sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.
Bon tuto !
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

Bundle CSS : 10 astuces & exercices pour vous perfectionner

Dev. FrontEnd #8 : Galerie d'images sur différentes colonnes en JS

Créer un Portfolio en Grid CSS responsive sans media queries

#1/2: CSS grid en 2026. Fonctions modernes

Bundle CSS Grid Moderne 2026 - Subgrid, Container Queries et Layouts Nouvelle Génération

Créer un galerie photo via l'API d'Instagram

Réaliser un effet de survol sur une galerie d'images

Le Responsive Design avec Flexbox et Bootstrap

Dev. FrontEnd#7 : Galerie d'images en JavaScript

Créer une galerie d'images avec pagination sur WordPress
Avis des apprenants