🎬 Galerie d'Images  –  Films Cultes

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

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.

🛠️ Technologies

• 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

🎯 Fonctionnalités

• 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

🚀 Installation

✅ Prérequis

• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code
• Live Server  —  Extension VS Code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/gallery-movies_css
cd gallery-movies_css

▶️ Lancer le projet

Ouvre simplement le fichier index.html dans ton navigateur, ou utilise l’extension Live Server pour une prévisualisation dynamique.