One page · Interface front-end

Carte QR Code : intégration pixel-perfect d'une one page en HTML/CSS

Carte QR Code est un exercice front-end issu d'un challenge Frontend Mentor. À partir d'un simple visuel de référence, j'ai reproduit fidèlement une carte présentant un QR code à scanner. L'objectif n'était pas commercial mais pédagogique : m'entraîner à transformer une maquette en page web propre, centrée et soignée dans le moindre détail.

Côté technique, cette one page est intégrée entièrement à la main en HTML et CSS, sans framework ni librairie. J'ai structuré un balisage HTML clair et accessible, puis géré la mise en page, l'espacement, les ombres et les arrondis de la carte en CSS, en veillant à un rendu net et à un centrage parfait sur l'ensemble des tailles d'écran.

Ce projet démontre ma rigueur sur les fondamentaux de l'intégration web. Il met en avant ma capacité à reproduire un design au pixel près, à écrire un CSS propre et lisible, et à livrer une interface responsive fidèle à la maquette. Un exercice court mais représentatif du soin que j'apporte au détail visuel.

Intégration pixel-perfect

Reproduction fidèle de la maquette en HTML/CSS, avec un souci constant du détail : proportions, espacements, ombres et arrondis conformes au visuel de référence.