Bravo ! Pédagogie 100% Explication clair, grâce à toi je viens de comprendre réellement Flexbox, je comprends mieux le sens des modèles ! MERCI Sébastien !
Enfin une explication complète et traitée avec pédagogie. Merci (bon, après, il faut bien sûr pratiquer pour se l’approprier , car il y a certaines situations un peu tordues où il va falloir combiner plusieurs instructions et ne pas faire en sorte de mettre des instructions contradictoires) 👍
Je fais partie de la cible des dévs occasionnels qui ont touché une fois le concept Flex en bidouillant. Cette vidéo permet de rafraichir et d'éclairer certains points encore un peu flous. Merci pour le travail !
Super explication. Ce qui est fou c'est que je paie une formation où c'est super mal expliquée, obligé de venir sur youtube pour comprendre. (je parle de flex-shrink, flex-grow et flex-basis)
Je viens de suivre ce tutoriel de Flexbox en CSS et je suis impressionné par la qualité de son contenu. Les explications étaient claires et bien organisées, ce qui m'a permis de comprendre rapidement et facilement les concepts de base de Flexbox. J'ai également apprécié les exemples pratiques et les astuces fournies, qui ont grandement aidé à consolider mes connaissances et à améliorer mes compétences en CSS. Grâce à ce tutoriel, je me sens beaucoup plus confiant dans mes capacités à utiliser Flexbox pour concevoir des mises en page Web responsives et professionnelles. Je le recommande vivement à tous ceux qui cherchent à maîtriser Flexbox en CSS! 👍
bon je ne pratique plus depuis un moment. Et la refonte prochaine d'une applis m'oblige à me ressourcer. J'ai arrêter vers l'installation de manière durable de FlexBox. Ton explication est très didactique et ramené à ton expérience, tes incompris du moment est un plus. je ne voyais pas ce qui clochais maintenant c'est plus claire pour moi. Merci du partage.
Merci beaucoup pour cette vidéo, je débute et avait du al à bien comprendre comme agencer mes éléments avec flexion et ta vidéo m'aide beaucoup. Merci beaucoup
Wahouuuuuuuuuuuuuu, impossible de tout comprendre du premier coup puisque c'est une mine d'informations mais bravo, c'est super clair, merci pour ton travail c'est juste parfait 🙂
Magnifique explication! Rien à dire d'autre que c'est la meilleure vidéo que j'ai visionné sur les flexbox surtout à avoir tout compris. Merci beaucoup Sebastien
je dois être la seule à ne pas comprendre un des premiers points (en même temps je débute ^^), pourtant ta vidéo a l'air hyper claire ! J'ai l'impression que le display : flex apparait dans le html, pourtant dans la formation que je suis on ne l'applique que dans le CSS... si tu peux m'éclairer ce serait top :)
Merci pour le contenu, intéressant et une bonne piqure de rappel pour bien l'utiliser. Est possible de créer un système de 3 div via flexbox dont la première prend une hauteur de disons de 600px puis à côté (sur sa droite par exemple) deux autres de 300px qui se mettent l'une sous l'autre. Bien entendu je voudrais éviter d'englober toutes ces div dans un parent qui lui aurait une hauteur prédéfini (d'environ 600px pour rester logique).
Oui, il te suffit d'avoir un parent qui englobe tes 3 div, et dans cette div parent, tu aurais une div qui englobe tes 2 div qui doivent être l'une en dessous de l'autre, ça te semble clair comme explication ? Pour la hauteur, ne définit rien, laisse tes blocs s'adapter en hauteur par rapport au contenu.
23:00 je crois que tu as oublié de préciser que la dimension est augmentée et que c'est visible sur la div quand on survole le code : il y a un rectangle hachuré pour la div avec à sa droite une flèche qui indique le changement de largeur (sur la div verte) et le sens de la flèche indique si la largeur a été augmentée ou diminuée, sinon c'est vraiment très bien
Salut Seb, et bien merci a toi. En effet je bloquais sur les meme choses que toi. J'ai enregistrer ta video lol. Superbe. Je like et m'abonne. Un dev qui debute😀
je suppose que l'explication est exhaustive et qu'on n'aura plus de problèmes avec les distorsions des pages causées par " flex property" Merci infiniment.
Je te découvre, très bonne vidéo pour revoir les basiques, exactement ce que je recherchais ! Petite question : comment avoir "l'aperçu" des différents flex sur le devTool ? Merci à toi.
Bonjour. En gros, align-items permet l'alignement sur x lorsqu'on est en colonne et sur y lorsqu'on est en row. C'est un peu l'inverse de justify-content. Autre question, "display: grid" faut-il encore l'utiliser pour du responsive ? Comment peut-on faire pour centrer un container (et tous ses enfants) sur un body au dimension définie ? Les marges et padding s’additionnent dans les calculs ? J'ai vu une astuce pour éviter les dépassements en utilisant un overflow:hidden je ne me souviens plus bien de la marche à suivre... Peux-tu nous la rappeler ? Et pour les éléments qui suivent le container (en dehors du div du flex) ils se mettent à-côté ou à la ligne ? Pour les dimensions des containers, est-ce mieux d'utiliser du rem, du px, du % ? Un container flex peut-il contenir un autre container flex ? Ce truc, ça me fait penser à du tetris... 😵💫 PS: Désolé pour toutes les questions mais je profite de votre expérience. 😄
Merci du retour ! Je vais réfléchir à un cas concret, c'est dur de trouver un exemple qui regroupe un peu toutes les propriétés. Le mieux c'est un cas avec seulement flex-basis, flex-shrink et flex-grow comme tu dis par exemple. Je me le mets dans ma todolist :)
Bravo ! Pédagogie 100% Explication clair, grâce à toi je viens de comprendre réellement Flexbox, je comprends mieux le sens des modèles ! MERCI Sébastien !
Bravo à toi, continue comme ça ! J'ai fait cette vidéo pour que tout le monde puis "réellement" comprendre Flexbox comme tu dis.
Enfin une explication complète et traitée avec pédagogie. Merci (bon, après, il faut bien sûr pratiquer pour se l’approprier , car il y a certaines situations un peu tordues où il va falloir combiner plusieurs instructions et ne pas faire en sorte de mettre des instructions contradictoires) 👍
Je fais partie de la cible des dévs occasionnels qui ont touché une fois le concept Flex en bidouillant. Cette vidéo permet de rafraichir et d'éclairer certains points encore un peu flous.
Merci pour le travail !
Super explication. Ce qui est fou c'est que je paie une formation où c'est super mal expliquée, obligé de venir sur youtube pour comprendre. (je parle de flex-shrink, flex-grow et flex-basis)
Je viens de suivre ce tutoriel de Flexbox en CSS et je suis impressionné par la qualité de son contenu. Les explications étaient claires et bien organisées, ce qui m'a permis de comprendre rapidement et facilement les concepts de base de Flexbox. J'ai également apprécié les exemples pratiques et les astuces fournies, qui ont grandement aidé à consolider mes connaissances et à améliorer mes compétences en CSS. Grâce à ce tutoriel, je me sens beaucoup plus confiant dans mes capacités à utiliser Flexbox pour concevoir des mises en page Web responsives et professionnelles. Je le recommande vivement à tous ceux qui cherchent à maîtriser Flexbox en CSS! 👍
Ton commentaire ressemble a un article SEO
bon je ne pratique plus depuis un moment. Et la refonte prochaine d'une applis m'oblige à me ressourcer. J'ai arrêter vers l'installation de manière durable de FlexBox. Ton explication est très didactique et ramené à ton expérience, tes incompris du moment est un plus.
je ne voyais pas ce qui clochais maintenant c'est plus claire pour moi. Merci du partage.
Merci beaucoup pour cette vidéo, je débute et avait du al à bien comprendre comme agencer mes éléments avec flexion et ta vidéo m'aide beaucoup. Merci beaucoup
Wahouuuuuuuuuuuuuu, impossible de tout comprendre du premier coup puisque c'est une mine d'informations mais bravo, c'est super clair, merci pour ton travail c'est juste parfait 🙂
Bravo rien a dire meilleur explication pour flexbox pour bien comprendre
Excellent Sébastien, je partage ta vidéo qui est vraiment limpide. 👏👏👏
Un cours très clair, démonstratif et donc très efficace ! Merci !
Enfin une video claire, je peux enfin dire que je comprends beaucoup mieux le flexbox !! Merciiiii
Merci ! On espère le retour des vidéos. Tu es un excellent pédagogue.
Magnifique explication! Rien à dire d'autre que c'est la meilleure vidéo que j'ai visionné sur les flexbox surtout à avoir tout compris. Merci beaucoup Sebastien
Le meilleure vidéo sur le sujet, merci ! :)
Merci pour cette présentation compréhensible des flexbox !!!! c'est trés clair
Super vidéo, facile à comprendre, très claire ! Merci ça aide beaucoup
Franchement merci pour ce cours excellent.✌️
Très bonnes explications, merci à toi !
Bravo..Clair et efficace.Merci !
je dois être la seule à ne pas comprendre un des premiers points (en même temps je débute ^^), pourtant ta vidéo a l'air hyper claire ! J'ai l'impression que le display : flex apparait dans le html, pourtant dans la formation que je suis on ne l'applique que dans le CSS... si tu peux m'éclairer ce serait top :)
au top la meilleure video fr pour les flexbox ^^
claire nette et précis, j'adore.
Merci pour le contenu, intéressant et une bonne piqure de rappel pour bien l'utiliser.
Est possible de créer un système de 3 div via flexbox dont la première prend une hauteur de disons de 600px puis à côté (sur sa droite par exemple) deux autres de 300px qui se mettent l'une sous l'autre. Bien entendu je voudrais éviter d'englober toutes ces div dans un parent qui lui aurait une hauteur prédéfini (d'environ 600px pour rester logique).
Oui, il te suffit d'avoir un parent qui englobe tes 3 div, et dans cette div parent, tu aurais une div qui englobe tes 2 div qui doivent être l'une en dessous de l'autre, ça te semble clair comme explication ?
Pour la hauteur, ne définit rien, laisse tes blocs s'adapter en hauteur par rapport au contenu.
@@ratoncodeur Merci de ta réponse. J'ai en effet fait ce que tu viens de me dire et ça rend exactement comme je veux.
Un grand merci pour explications, c'est très clair.
Superbe vidéo et excellente pédagogie. Merci !
23:00 je crois que tu as oublié de préciser que la dimension est augmentée et que c'est visible sur la div quand on survole le code : il y a un rectangle hachuré pour la div avec à sa droite une flèche qui indique le changement de largeur (sur la div verte) et le sens de la flèche indique si la largeur a été augmentée ou diminuée, sinon c'est vraiment très bien
Très clair, merci beaucoup. Il n’y a plus qu’à…
Bravo excellent travail
Salut Seb, et bien merci a toi. En effet je bloquais sur les meme choses que toi. J'ai enregistrer ta video lol. Superbe. Je like et m'abonne.
Un dev qui debute😀
je suppose que l'explication est exhaustive et qu'on n'aura plus de problèmes avec les distorsions des pages causées par " flex property"
Merci infiniment.
Excellente explication,
Merci.
wow belle explication super Merci
tres explicite ,c vraiment intressant.
Trop fort! Quelle pédagogie !
Je te découvre, très bonne vidéo pour revoir les basiques, exactement ce que je recherchais ! Petite question : comment avoir "l'aperçu" des différents flex sur le devTool ? Merci à toi.
Salut ! Sur Chrome (sur les autres aussi surement), il y a un onglet "layout". Tu peux mettre en sur-brillance les grilles et les flexbox.
@@ratoncodeur Super, merci de ta réponse, hate de nouvelles vidéos !
Bonjour.
En gros, align-items permet l'alignement sur x lorsqu'on est en colonne et sur y lorsqu'on est en row. C'est un peu l'inverse de justify-content. Autre question, "display: grid" faut-il encore l'utiliser pour du responsive ? Comment peut-on faire pour centrer un container (et tous ses enfants) sur un body au dimension définie ? Les marges et padding s’additionnent dans les calculs ? J'ai vu une astuce pour éviter les dépassements en utilisant un overflow:hidden je ne me souviens plus bien de la marche à suivre... Peux-tu nous la rappeler ?
Et pour les éléments qui suivent le container (en dehors du div du flex) ils se mettent à-côté ou à la ligne ? Pour les dimensions des containers, est-ce mieux d'utiliser du rem, du px, du % ? Un container flex peut-il contenir un autre container flex ? Ce truc, ça me fait penser à du tetris... 😵💫
PS: Désolé pour toutes les questions mais je profite de votre expérience. 😄
Excellente vidéo de synthèse . Un ou plusieurs cas concrets d'utilisation seraient les bienvenus...
Merci très bonne vidéo, mais je pense qu'un cas concret pour les flex du régime(flex-shrink -flex-grow) lol ne sera pas trop lol
Merci du retour ! Je vais réfléchir à un cas concret, c'est dur de trouver un exemple qui regroupe un peu toutes les propriétés. Le mieux c'est un cas avec seulement flex-basis, flex-shrink et flex-grow comme tu dis par exemple. Je me le mets dans ma todolist :)
@@ratoncodeur Merci Sébastien
👏 Sébastien.
Merci !
super vidéo bien utile merci
10/10 👍
bien expliqué
Merci pour la video top
Un pouce rien que pour la définition comme a l'école.
10:01
18:01
Le titre dit « 25min » et la vidéo sur « 27min »
Tu veux que je te rembourse ?
@@ratoncodeur remboursé!!!