Flexbox Crash Course - Tutorial for Complete Beginners

📘 Courses - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support PayPal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
Starter code - github.com/gopinav/Crash-Cour...
⚡️ Checkout Taskade! www.taskade.com/
To upgrade any workspace, login and visit www.taskade.com/billing
Use coupon code: CodevolutionKZread for any workspace upgrade. Select "Add promo code" on checkout, enter the code, then hit "Apply". This will apply a 100% one year subscription discount. Enjoy and feel free to invite others to your workspace!
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
CSS Flexbox Crash Course
CSS Flexbox Tutorial for Beginners
CSS Flexbox Crash Course - Tutorial for Complete Beginners
Timestamps
00:00 Introduction
00:28 Before we begin
02:01 What is Flebox?
04:00 Terminology
06:16 Flex container properties
08:01 Setup
10:06 display
12:13 flex-direction
15:01 flex-wrap
19:37 flex-flow
21:23 gap properties
23:22 justify-content
28:13 align-items
32:28 align-content
36:36 Flex item properties
37:46 order
40:12 flex-grow
44:16 flex-shrink
47:58 flex-basis
50:37 flex
52:05 align-self

Пікірлер: 56

  • @Codevolution
    @Codevolution2 жыл бұрын

    Checkout my other crash courses! HTML Crash Course - kzread.info/dash/bejne/gGyNr85tdd3WZMo.html CSS Crash Course - kzread.info/dash/bejne/e5eal6ZslqixkrA.html CSS Grid Crash Course - kzread.info/dash/bejne/omh91spuobWzYco.html JavaScript Fundamentals Crash Course - kzread.info/dash/bejne/in2DrtOogKupepc.html Advanced JavaScript Crash Course - kzread.info/dash/bejne/hG19mpeLmKydc8o.html Asynchronous JavaScript Crash Course - kzread.info/dash/bejne/l6x2ybl6ecivlco.html

  • @bachuanvesh6893
    @bachuanvesh68932 жыл бұрын

    Clean. Clear. Crystal. Crisp. Neat. Wholesome. To the point.

  • @alp1584
    @alp15842 жыл бұрын

    Most underrated channel ❤️ for vishwash

  • @user-jn2rs3rw3x
    @user-jn2rs3rw3x2 жыл бұрын

    Your explanation is so good that flexbox is now like a piece of cake! You also taught us the weird parts of flexbox.

  • @Ipod19953
    @Ipod199532 жыл бұрын

    The only course you need for flex. Thanks

  • @lakshminarayananthangavel6784
    @lakshminarayananthangavel67842 ай бұрын

    All the tutorials in your channel are simply amazing and a beginner can easily learn the topics clearly. Your channel is the perfect beginner's hand book for Html, css, javascript and react.... Thank you my dear friend vishwas....❤️❤️

  • @hasnainmalick8888
    @hasnainmalick88882 жыл бұрын

    What a content man. I am really really impressed you help a lot of students like me and your teaching method quite well. Hats off!

  • @raven.4815
    @raven.4815 Жыл бұрын

    Thank you so much! I had idea of some of the properties but I couldn't actually use them properly. Magnificent course

  • @marcinkalmar9964
    @marcinkalmar99642 жыл бұрын

    I was learning from your first flex-box cours and now I enhancement my knowledge

  • @nelsonmudanya3015
    @nelsonmudanya30152 жыл бұрын

    Always creating awesome content. Thanks for your dedication 😊

  • @motivacao-fire
    @motivacao-fire2 жыл бұрын

    What an incredible video course,really appreciate it mate!

  • @soumadip_skyy_banerjee
    @soumadip_skyy_banerjee Жыл бұрын

    Watched it completely, in one go. Thank u 💖

  • @rahulsinghshekhawat2487
    @rahulsinghshekhawat24879 ай бұрын

    Beautifully explained!! Keep doing the great work!!

  • @trungtrung2248
    @trungtrung22482 жыл бұрын

    thank sir, in the next course, can you make video tutorial about remixJs? i'm so excited about this.

  • @chrisskiingpowpow
    @chrisskiingpowpow Жыл бұрын

    Very clear explanations. Vishwas thank you!!

  • @satyam1543
    @satyam15436 ай бұрын

    great tutorial, it really cleared all my doubts, thank you sir

  • @rajarajanrt
    @rajarajanrt2 жыл бұрын

    Haha😀😀 Just now completed CSS crash course.. expecting flex course you posted.. Thank you for the great lessons

  • @Leplusbio_225
    @Leplusbio_225 Жыл бұрын

    Wow this course is so complete, thanks for all 👍👍

  • @manusiabiasa12417
    @manusiabiasa124172 жыл бұрын

    proud of you sir .. thanks very much for your tutorial .. very helpfull me as a beginner who want be advaance

  • @edwassermann8368
    @edwassermann8368 Жыл бұрын

    Great tutorial. Thanks very much!

  • @pastuh
    @pastuh2 жыл бұрын

    Last part really nice explained :)

  • @frankenstein830
    @frankenstein8302 жыл бұрын

    Thanks for your dedication

  • @shadabakhtar5062
    @shadabakhtar50622 жыл бұрын

    awesome content for interview purpose, could you please make a video on SASS/SCSS

  • @worldclasscode1847
    @worldclasscode18472 жыл бұрын

    Flexbox is key, I use it everywhere. :)

  • @beknazbaktygulov1386
    @beknazbaktygulov13862 жыл бұрын

    My man Vishwas with another gold content 🔥

  • @pawanthakur3299
    @pawanthakur3299 Жыл бұрын

    Thank you soooooo much sir I am a college student and wanted to learn about coding and web dev you are helping me a lot thank you sooo much you may (grow:10 ) times faster

  • @michaelsaucedo3952
    @michaelsaucedo39522 жыл бұрын

    Thank you for this, very helpful all your work is. 🐼

  • @ShreeKuppan
    @ShreeKuppan Жыл бұрын

    You are Awesome . Content helps me a lot👍👍👍👍👍

  • @kedarpethe
    @kedarpethe2 жыл бұрын

    Like every video... vishwas rocks!!

  • @tejass817
    @tejass8172 жыл бұрын

    great content. Very helpful

  • @zabiullah92
    @zabiullah922 жыл бұрын

    Very nicely explained...

  • @DevMohammadEnayet
    @DevMohammadEnayet Жыл бұрын

    Very good explanation

  • @shaikshavalisyed2012
    @shaikshavalisyed20122 жыл бұрын

    Great video...Thanks.

  • @vikasporwal262
    @vikasporwal2622 жыл бұрын

    I binge watch your videos like Netflix but at 2x

  • @worldclasscode1847

    @worldclasscode1847

    2 жыл бұрын

    Try binge watching mine too? :)

  • @mlntdtechbae
    @mlntdtechbae Жыл бұрын

    Great video!

  • @satyampandey5584
    @satyampandey55842 жыл бұрын

    Thankyou Vishwas

  • @codedjango
    @codedjango2 жыл бұрын

    That was quick.....thanks a lot :)

  • @worldclasscode1847

    @worldclasscode1847

    2 жыл бұрын

    Try mine, 5 minutes? ;)

  • @cjt9150
    @cjt91502 жыл бұрын

    Wow, satisfied. And expect grid too.

  • @worldclasscode1847

    @worldclasscode1847

    2 жыл бұрын

    I never use grid, only Flex :) Why use grid? Why use Float? Stick to flexbox? :)

  • @shanmugapriya2001
    @shanmugapriya2001 Жыл бұрын

    thanks a lot...

  • @HowICode
    @HowICode2 жыл бұрын

    I learn js with you

  • @manee427
    @manee4272 жыл бұрын

    Perfect

  • @HowICode
    @HowICode2 жыл бұрын

    you are the best

  • @shubhamkeshri1184
    @shubhamkeshri11842 жыл бұрын

    Please also make video tutorial on grid .. 🙏

  • @worldclasscode1847

    @worldclasscode1847

    2 жыл бұрын

    Why do you need grid? Flexbox in enough? :)

  • @ijaaztests5593
    @ijaaztests5593 Жыл бұрын

    Please do a crash course for Angular 🙏

  • @manjunatha5a
    @manjunatha5a2 жыл бұрын

    This is God's work!

  • @aleksazlatkovic4663
    @aleksazlatkovic4663 Жыл бұрын

    AwEsoMEEEEEEEEEEEEEE!!!!!!!!!!!!!!

  • @shaikrahuman7420
    @shaikrahuman74202 жыл бұрын

    🔥

  • @ridl27
    @ridl272 жыл бұрын

    FYI useless tool for downloading browsers (i mean safari aka piece of s*it (also apple as a whole) ) still doesnt support flex gaps ... OMFG.

  • @reactjs5350
    @reactjs53502 жыл бұрын

    Sir react router course finished ??????

  • @worldclasscode1847

    @worldclasscode1847

    2 жыл бұрын

    I have a react router 6 film, just released it :)

  • @SSakibHossain10
    @SSakibHossain102 жыл бұрын

    ❤❤❤❤❤❤

  • @Memes9LWANI
    @Memes9LWANI Жыл бұрын

    work on your english bro i can't understand anything