Web
Client

Laboratoire - Mise en page

Marche à suivre

Écrivez le code CSS permettant de styler la page HTML distribué pour reproduire la page web affiché ci-dessous en respectant les critères suivants:

  • Les couleurs utilisées sont: #eddfca, #301c15, #4f3126 et #fff.
  • Les polices de caractère peuvent être trouvé sur Google Fonts. Pour les titres, on utilise Neuton et pour le menu de navigation, c'est Lato.
  • Les espacements peuvent être approximatifs, mais essayez d'être le plus similaire possible à l'image ci-dessous.
  • La largeur maximale des carte est de 25rem.
  • Le wrapper dans le <main> a une taille maximale entre 52rem et 78rem.
  • Le footer est bien poussé en bas de l'écran, même sur les grands écrans. Vous pouvez dézoomé la page web pour tester ceci.
  • Pour changer la couleur et le style des liens, assurez-vous de mettre le CSS dans un sélecteur qui pointe directement sur la balise <a>.

Image à reproduire

Sur grand écran

Image à reproduire en CSS - Grand écran

Sur petit écran

Image à reproduire en CSS - Petit écran - Partie 1Image à reproduire en CSS - Petit écran - Partie 2

Fichiers