Maquette HTML/CSS
Détails
- Catégorie: Développement web
- Technologie:
HTML5 sémantique
CSS3 : flexbox, grid, gestion des marges et paddings
Responsive design (mobile-first)
Utilisation des media queries
Respect d’une maquette client
Organisation propre du code et commentaires clairs
- Client: Formation Open Classrooms
- Année: 2025
- URL du code: github.com/davidytruc/P02_MaquetteHTMLCSS
Booki est mon tout premier projet de formation, consistant à reproduire la maquette d’un site de réservation de logements. La principale difficulté a été de bien comprendre la logique de mise en page CSS, notamment avec le système de flexbox, les marges, l’alignement et le positionnement des éléments. J’ai aussi dû apprendre à rendre le site parfaitement lisible sur mobile et tablette, ce qui m’a obligé à maîtriser les media queries et l’adaptation des contenus. En pratiquant, en décomposant la maquette étape par étape et en testant en continu, j’ai pu surmonter ces obstacles.