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.