Découvre le secret du CSS Grid en 5 minutes !
Автор: CodingQueen40
Загружено: 2025-08-25
Просмотров: 222
Описание:
🌟 Tu veux apprendre à créer une mise en page responsive avec CSS Grid, même si tu es débutante ?
Dans cette vidéo, je te montre pas à pas comment maîtriser Grid CSS facilement !
Tu vas apprendre à :
✅ Créer un layout en 2 colonnes
✅ Utiliser grid-template-areas pour une structure claire
✅ Aligner tes éléments dans la grille
✅ Rendre ta page responsive avec une media query
✅ Comprendre minmax(), repeat() et auto-fit
✅ Éviter les erreurs classiques des débutants
⸻
💡 Mini projet inclus : on code ensemble une vraie page de présentation responsive (header, sidebar, contenu, footer).
Parfait pour ton portfolio, ton site vitrine ou ton blog perso.
⸻
👑 Rejoins la communauté des *développeuses badass de 40+* sur CodingQueen40 et apprends le CSS sans stress ni jargon technique.
Solutions du quiz : https://github.com/codingqueen40/css-...
Extraits de code : https://github.com/codingqueen40/css-...
*⏱ Minutage :*
00:00 – INTRO
00:20 – C’EST QUOI UN GRID LAYOUT ?
0:43 – PREMIER EXEMPLE : GRILLE SIMPLE À 2 COLONNES
1:48 – BIEN COMPRENDRE grid-template-columns
4:10 – AJOUTER DES LIGNES + ALIGNEMENT
5:36 – RENDRE LE GRID RESPONSIVE
6:26 – MINI PROJET PRATIQUE : PAGE DE PRÉSENTATION RESPONSIVE
7:10 – MINI QUIZ
8:17 – OUTRO
👑 CodingQueen40 – Apprendre à coder après 40 ans, c’est possible, fun et libérateur.
🎯 Je t’aide à reprendre confiance, une ligne de code à la fois !
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: