🏆 Challenge #N10 · Fixed HTML · challenges/N10_fixed.html CSS · challenges/css/N10_fixed.css


À faire

  • À faire
  • Terminé
  • En cours
  • Incomplet
  • Blocage

Mémo

// Un élément en position fixed se positionne par rapport aux bordures de l'écran.

position: fixed; // Défini le mode d'affichage en fixed sur l'élément qui doit flotter


top: 0 | 25% | 5rem // Défini la position par rapport au haut de l'élément parent en relative
right: 0 | 25% | 5rem // Défini la position par rapport au côté droit de l'élément parent en relative
left: 0 | 25% | 5rem // Défini la position par rapport au côté gauche de l'élément parent en relative
bottom: 0 | 25% | 5rem // Défini la position par rapport au bas de l'élément parent en relative


z-index: 0 | 9999999; // Défini la priorité d'affichage, de 0 à l'infini

1️⃣ Faites flotter une bannière

Faites flotter une bannière en bas de l'écran. Cette bannière doit contenir un texte centré.

🎯 Résultat attendu

Résultat attendu