Le reste de la formation est réservé aux inscrits.
S'inscrire gratuitement<input type="checkbox" id="menu-toggle">
<label for="menu-toggle">☰</label>
<nav><!-- liens --></nav>
#menu-toggle { display: none; }
#menu-toggle:checked ~ nav { display: block; }
@media (min-width: 768px) {
label { display: none; }
nav { display: block; }
}
img { max-width: 100%; height: auto; }
Cette règle de 2 lignes rend TOUTES les images responsives. Elles ne dépassent jamais leur conteneur. Mettez-la dans tous vos reset CSS.
.hero { height: 100vh; } /* Pleine hauteur d'écran */
h1 { font-size: clamp(2rem, 5vw, 4rem); } /* Taille responsive */
clamp(min, idéal, max). La taille s'adapte à l'écran mais ne descend jamais en dessous du min ni au-dessus du max. Révolution pour la typo responsive.