Contexte
Cet exercice a été réalisé dans le cadre des cours de The Odin Project (curriculum "Web Development 101").
Il fallait reproduire la page d'accueil de Google : avoir le même agencement et le même contenu, peu importe si les liens et la recherche ne fonctionnent pas.
Nous devions donc construire une page qui contienne :
- le logo Google
- la barre de recherche et les boutons
- le header (en-tête), fixe
- le footer (pied de page)
Vous pouvez consulter les instructions complètes directement sur The Odin Project.
Procédé
Pour cet exercice j'ai utilisé du HTML et du CSS. J'ai utilisé une CSS Grid (grille) et plusieurs flexboxes (boîtes flexibles) pour rendre le tout responsive (adaptable à la taille de l'écran). J'ai essayé de faire en sorte que ma page soit la plus ressemblante possible.
Vous pouvez cliquer sur l'image pour voir la page ou visualiser le code dans ce repository (dossier GitHub).