🎨 Introduction
🛠️ Technologies
🎯 Fonctionnalités
🚀 Installation
Galerie visuelle rendant hommage au cinéma culte des années 90 et 2000, à travers une mosaïque responsive élégamment construite en HTML et CSS pur.
Chaque image adopte un format spécifique (1:1, 5:4, 16:9) pour créer un rythme visuel cinématographique et captivant.
Parfait pour une landing page artistique, une archive d’inspiration ou un hommage immersif à l’univers du 7ᵉ art.
- HTML5 sémantique et accessible
- CSS3 moderne avec Flexbox et media queries
- Filtres CSS pour effets de survol
- Structure responsive fluide sans frameworks
- Images .webp optimisées pour la performance
- Grille d’images flexible et auto-adaptative
- Filtres de luminosité dynamiques au survol
- Ratio d’images mixés pour un effet cinématographique
- Responsive mobile et desktop optimisé
- Mosaïque continue avec flex-grow
- Expérience visuelle cohérente et immersive
- Code minimaliste sans dépendance externe
- Google Chrome — Navigateur moderne
- Visual Studio Code — Éditeur de code
- Live Server — Extension VS Code
git clone https://github.com/ValentinMadiot/gallery-movies_css
cd gallery-movies_css
Ouvre simplement le fichier index.html
dans ton navigateur, ou utilise l’extension Live Server pour une prévisualisation dynamique.