Apprenez à utiliser le module Flexbox Layout en CSS3 pour créer des sites web responsive plus simplement !
A la fin de cours vous serez capable de...
Aligner vos éléments verticalement
Créer une galerie / grille moderne
Répartir correctement l'espacement
Rendre tous vos sites responsives
et bien plus !
Vous aurez accès à :
Une F.A.Q où je répondrai à tout(es) vos questions / problèmes
5 projets (challenges) où vous serez mis à l'épreuve pour appliquer vos nouvelles connaissances (+ la correction pour chaque projet)
Dans ce cours, nous verrons le module Flexbox dans son intégralité :
Comprendre toutes propriétés du Container :
flex-direction
justify-content
align-items
flex-wrap
align-content
flex-flow
Puis toutes les propriétés des items :
order
flex-grow
flex-shrink
flex-basis
flex
align-self
Nous irons même plus loin avec les media queries qui nous permettrons de rendre nos sites responsives (adapté sur ordinateur, tablette et smartphone)
A la fin de ce cours, vous serez capable d'écrire du code CSS plus propre et plus professionnel.
BONUS : Vous aurez accès à un PDF récapitulatif avec des schémas simples et clairs !
Utiliser le module Flexbox Layout
Créer des sites Responsive
Aligner horizontalement & verticalement
4 Lectures
6 Lectures
6 Lectures
5 Lectures
Développeur web/mobile et designer à mon compte depuis 2016. J'ai créé des dizaines de sites web pour des particuliers et entreprises, réalisé quelques centaines de designs (logos, web/app designs)Aujourd'hui j'ai décidé de me spécialiser dans le web, notamment dans la programmation et le web design.En plus de cela, j'anime une communauté de plusieurs milliers de designers, mais j'ai décidé d'aller...
Sujet bien maitrisé et bien animé, très plaisant à suivre
c'était un bon cours. Il faudrait néanmoins parler de la propriété "gap" et de "align-content". Pour ma part la différence entre align-content et align-items n'est pas clair...
les explications sont dans l'ensembles assez clair. Par moment quelques notions pourraient être mieux expliqués. La formation reste de bonne qualité tout de même un grand merci à toi.
Super cours ! Bien organisé, bien expliqué avec des quiz et des exercices pour pratiquer.
Pour le moment tout se passe bien, tout est clair.
Très bon cours, juste il faudrait ajouter le css pour centrer le texte dans les divs dans la section "Align Items" pour pouvoir pratiquer le align-items : baseline comme vous faites.
Excellent, c'est carré de A à Z !
Merci pour ce cours très instructif et accessible j'ai pu mieux comprendre flexbox en un rien de temps!
Il est bien expliqué
Your email address will not be published. Required fields are marked *
Dabla K. H.
Very clear