Contexte
Cet exercice a été réalisé dans le cadre des cours de freeCodeCamp (curriculum "Responsive Web Design"). Le site et les instructions étant en Anglais, j'ai travaillé en Anglais également.
Il nous était demandé de construire une page (ressemblant au modèle) qui comprenne
- un titre
- une balise <main>
- une image (centrée et qui s'adapte à la taille de l'écran) avec légende
- des informations sur la personne dont parle la page
- un lien vers un autre site
Vous pouvez consulter les instructions complètes directement sur freeCodeCamp.
Procédé
Pour cet exercice j'ai utilisé du HTML et du CSS. J'ai utilisé des flexboxes (boîtes flexibles) pour rendre le tout responsive (adaptable à la taille de l'écran).
Vous pouvez cliquer sur l'image pour voir la page ou visualiser le code sur ce CodePen.