🎯 CSS Battle Jeudi, 18 Juin 2026

Aujourd'hui, je crois que c'était assez facile ! On avait le `html` avec un `border` — je vous explique d'ailleurs dans la vidéo pourquoi j'ai choisi une bordure et non pas un `outline` pour cette structure.

Ensuite, cet élément est barré par le `body` auquel on a appliqué un `rotate: 45deg`. Quelques optimisations chirurgicales après pour réduire la taille du code, et on arrive à un résultat très satisfaisant avec, comme toujours, 100 % de réussite au compteur ! 🧐

Le choix entre `border` et `outline` est crucial en CSS golfing : le `border` impacte la taille de la boîte et permet de jouer sur le positionnement des éléments enfants, là où l' `outline` dessine à l'extérieur sans modifier les dimensions physiques. Bien calculer son coup permet d'économiser de précieux caractères de décalage.

Et vous, vous aviez aussi vu cette combinaison de bordure et de rotation à 45 degrés, ou vous avez sorti les dégradés linéaires pour trancher le tout ?

N'oubliez pas de liker la vidéo 👍 et de vous abonner ! 🔔

#css #CSSBattleChallenge #cssbattle #dailychallenge #cssinfrench

Видео 🎯 CSS Battle Jeudi, 18 Juin 2026 канала Olivier Maghe