Explication : https://developer.mozilla.org/fr/docs/Web/CSS/Guides/Grid_layout/Auto-placement
Simplifiez votre grille ! ⚖️
Pourquoi faire compliqué lorsque l'on peut faire simple !
Comparez les codes HTML/CSS
See the Pen Grid by Example 13: Redefining grid areas with media queries by Rachel Andrew (@rachelandrew) on CodePen.
Analysez les codes HTML et en particulier celui de la grille !See the Pen Grid by Example 13: Redefining grid areas with media queries by SuperDupont (@SuperDupont) on CodePen.
Travaux des L1
Voici un projet réalisé par un.e L1 DD
https://melinakhettab.github.io/DM-Dupons/
https://salwaaaitali.github.io/vpro/
one more : https://dupontdenis.github.io/iframe/
Autre projet avec Grid !
https://clement-soulier.github.io/DM-calculator/
Analysez les codes CSS
La superposition d’éléments avec CSS Grid est une technique moderne, puissante et élégante pour créer des interfaces riches et responsives. Elle permet de placer plusieurs éléments dans la même cellule de grille, de contrôler précisément leur ordre d’empilement avec
z-index/order et de gérer facilement l’alignement grâce à place-items et place-self. 🥷🏿Cette approche surpasse le positionnement absolu en termes de maintenabilité, d’accessibilité et de performance, tout en restant compatible avec les exigences du web moderne.
code → Absolute/Stacking
IA : smart une catastrophe
Je viens de batailler avec l'IA
... je vous passe les détails des réponses délirantes de l'IA
Inscription à :
Commentaires (Atom)