Learn CSS Flexbox in 20 Minutes (Course)

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ก.ย. 2024

ความคิดเห็น • 81

  • @Stratnik
    @Stratnik 21 วันที่ผ่านมา +35

    He did it, he finally answered the biggest question in programming, “How to center a div”

  • @nivthefox
    @nivthefox 23 วันที่ผ่านมา +16

    I've been doing CSS since the late 90s, and it has changed so much from what I learned. At some point I moved to primarily working in the backend and I stopped keeping up. Then I came back to do some frontend stuff and there was all this new flex-box stuff and it was so damned confusing to me. I learned more in this short video than I could figure out with my own research and experimentation over the last several years. Well done, and thank you. I am definitely a subscriber, after this.

  • @saikattunga
    @saikattunga หลายเดือนก่อน +20

    Your teaching is very helpful for begginer like me. Thank you so much...

  • @Chiwi_XD
    @Chiwi_XD หลายเดือนก่อน +25

    i just finished odin project foundation course and I'm still struggling to apply flexbox, i will watch this before i do the next project 👍

    • @MUDASIRKHAN057
      @MUDASIRKHAN057 หลายเดือนก่อน +2

      Hi

    • @Chiwi_XD
      @Chiwi_XD หลายเดือนก่อน

      @@MUDASIRKHAN057 Hello

    • @Hitler_Hunter_007
      @Hitler_Hunter_007 28 วันที่ผ่านมา

      ​@@MUDASIRKHAN057it's haram bro😊

    • @shareefaridha8082
      @shareefaridha8082 11 วันที่ผ่านมา

      oh i am glad to see someone here from odin project! I am still in flexbox part of the foundation course but the assignments are a little hard for me to complete hahah.

  • @stratfanstl
    @stratfanstl 24 วันที่ผ่านมา +1

    The amount of thought devoted to writing this content, devising the demonstrations and synchronizing the narrative with the changes in the demo is awe inspiring. The topic itself is still difficult to learn cuz the designers of CSS didn't seem to step back and contemplate consistency in property names but given that hurdle, this is the best way to teach these techniques.

  • @PicSta
    @PicSta หลายเดือนก่อน +4

    For layouts, I prefer grid to flexbox. Grid has some advantages as it takes care of their child items (columns). Flexbox has it strength when aligning items in a row or column structure. UL lists or like in a header to give space between logo and navigation. If the number of items is unknown, and you define a structure with grid, it will take care of the child items. Anyway, good explained flexbox video. Thanks!

  • @johneric2720
    @johneric2720 วันที่ผ่านมา

    You made flex-box easy to understand with the summary and everything, thank you so much!
    When will you be releasing the grid video?

  • @makhnas
    @makhnas หลายเดือนก่อน +3

    Thanks so much bro love you , you solved my misconception btn align-items and justify-content.
    Big up bro👊

  • @SRIGHT0
    @SRIGHT0 10 วันที่ผ่านมา +1

    flexbox is for simplicity and superiority, but legends do grids

  • @manang218
    @manang218 13 วันที่ผ่านมา

    You really cooked man seriously you made the concept so easy to understand truly appreciate it !!

  • @KareemAshraf-x5s
    @KareemAshraf-x5s 28 วันที่ผ่านมา +1

    Best flex box course i havve seen so far thanks for the nice work :)

  • @S.A.F707
    @S.A.F707 หลายเดือนก่อน +3

    Please drop a Grid course 🙂

  • @mykalimba
    @mykalimba 11 วันที่ผ่านมา +1

    Yes, it's important to remember that "align-items" and "justify-content" work on the two different axes. But... there's nothing implicit in the naming of these two properties to associate them with the corresponding axis on which they operate. So, when I'm writing new CSS to arrange content in a flexbox, I'm always guessing at which property I need. Why, for example, didn't the CSS consortium name the properties "align-items-main" and "align-items-cross" to make remembering them easier?

  • @sardarzain1066
    @sardarzain1066 หลายเดือนก่อน

    Believe me this is absolute 💎.
    I don't know who are you but In my heart there is a very big bunch of love for you ❤❤

  • @besto_
    @besto_ หลายเดือนก่อน +3

    Make CSS Grid video next please

  • @garywintle
    @garywintle หลายเดือนก่อน +2

    Really enjoying your vids lately. Very helpful and enjoyable.

  • @oanling917
    @oanling917 หลายเดือนก่อน +3

    CSS Grid next please

  • @GlixedYouTube
    @GlixedYouTube 25 วันที่ผ่านมา +1

    You're a genius! thanks!

  • @user-eo5cr9vf9e
    @user-eo5cr9vf9e หลายเดือนก่อน +1

    Really clear and succinct explanation!

  • @AS-mc2db
    @AS-mc2db หลายเดือนก่อน

    I am glad that you are uploading awesome contents now a days... Thank you ❤

  • @prabusiliwangioke
    @prabusiliwangioke 8 วันที่ผ่านมา

    i learn alot from this channel, keep going ❤

  • @kalitbh5250
    @kalitbh5250 หลายเดือนก่อน

    Brother this is the kind of info you charge money for ! But thanks for sharing free 🎉❤

  • @waleedbinshabbir1542
    @waleedbinshabbir1542 หลายเดือนก่อน

    omg thank you so much, I have a project this month and this is what I was looking for.
    Can you please do css grid and css containers next.

  • @jandeswart1378
    @jandeswart1378 18 วันที่ผ่านมา +1

    This is a very good tutorial.

  • @RanjithKarnan-f2b
    @RanjithKarnan-f2b 14 วันที่ผ่านมา

    its really useful thank you so much...and the way you explained....😍very nice.

  • @anoymouschannel3513
    @anoymouschannel3513 8 วันที่ผ่านมา

    Thank you for the flexbox lessons!

  • @aq7500
    @aq7500 25 วันที่ผ่านมา

    Thankyou so much ❤❤❤.So many doubts cleared

  • @codexrat
    @codexrat 11 วันที่ผ่านมา

    LEGENDARY GUIDE 🔥

  • @sardarzain1066
    @sardarzain1066 หลายเดือนก่อน

    Sir plz make a comprehensive tutorial on CSS Grid also, you are so effective for us; plz sir

  • @emersonjnr6462
    @emersonjnr6462 12 วันที่ผ่านมา

    This was so easy to understand!

  • @user-li1rd4rs6l
    @user-li1rd4rs6l 24 วันที่ผ่านมา

    Thanks you alot nice work and I appreciate it , you make me understand about flex box ,

  • @musu_7
    @musu_7 หลายเดือนก่อน

    One of the best tutorial ever!

  • @Lebanonbasket
    @Lebanonbasket หลายเดือนก่อน

    It is a perfect video that's explain a flex box
    thank you I hope 🙏 to create a video about grid box❤❤

  • @chamarthykoushik204
    @chamarthykoushik204 14 วันที่ผ่านมา

    Man Thank you so much for this🥺

  • @douglasoliveira4104
    @douglasoliveira4104 หลายเดือนก่อน

    Muito bem explicado, simples e fácil de entender, obrigado pelos vídeos e parabéns pelo canal, irei assistir outros dos seus vídeos.

  • @_Parth_Rathod_
    @_Parth_Rathod_ 16 วันที่ผ่านมา

    Best flexbox video ever

  • @asmorr8778
    @asmorr8778 22 วันที่ผ่านมา

    Thank you so much! This is great

  • @ZesterAcademy-c7r
    @ZesterAcademy-c7r 25 วันที่ผ่านมา

    Thanks.Love from Bangladesh

  • @user-ds4ym3hs4e
    @user-ds4ym3hs4e หลายเดือนก่อน +1

    Please add a video on grid, please 🙏🏻 😢

  • @RZAH_test
    @RZAH_test หลายเดือนก่อน

    We like your videos don't stop making videos

  • @NoorKhan-qw8tw
    @NoorKhan-qw8tw หลายเดือนก่อน

    Cool
    The way of your teaching in awesome ❤❤❤

  • @German-wh4dm
    @German-wh4dm 25 วันที่ผ่านมา

    Thank you for your course! 👍

  • @XDKOZ
    @XDKOZ หลายเดือนก่อน +1

    I like to learn grid in css

  • @Memeee
    @Memeee หลายเดือนก่อน

    Thank you! Could you create a javascript video based on element selectors and how to style them via functions ❤❤

  • @anuhang9
    @anuhang9 29 วันที่ผ่านมา

    Make make display grid like this video ❤

  • @FernandoFormation
    @FernandoFormation หลายเดือนก่อน

    You are amazing to teach

  • @Intikhabkhursheed
    @Intikhabkhursheed 19 วันที่ผ่านมา

    great video and please i need a video on Modal in html css a pop up modal

  • @BorisValenta
    @BorisValenta 11 วันที่ผ่านมา

    الفيديو ده هو تجميع لقائمة تشغيل كورس css انا جمعتها في فيديو واحد تسهيلا على الناس مش اكتر

  • @ashishkumar-jo7cj
    @ashishkumar-jo7cj หลายเดือนก่อน +1

    Where is the order property sir its very important in terms of positioning the flex items specially in complex responsive design

  • @luizphilipesena7065
    @luizphilipesena7065 หลายเดือนก่อน

    Really great content... thank you for sharing...

  • @sourishdutta9600
    @sourishdutta9600 29 วันที่ผ่านมา +1

    Add Grid Video.

  • @BETHETRUTH1
    @BETHETRUTH1 28 วันที่ผ่านมา

    Your content is very interesting

  • @Arshad___Ali
    @Arshad___Ali หลายเดือนก่อน

    Make 1 video for grid also.

  • @next_level-2.
    @next_level-2. หลายเดือนก่อน

    great video to learn flexbox

  • @mhuzaifa6040
    @mhuzaifa6040 หลายเดือนก่อน

    Plz make next video on grid

  • @algrew_
    @algrew_ 26 วันที่ผ่านมา

    Superb

  • @VikkiKumar001
    @VikkiKumar001 หลายเดือนก่อน

    Completed ❤

  • @ihavenoideafora-name
    @ihavenoideafora-name 14 วันที่ผ่านมา

    Hi!
    It might be a strange question but what is the full code line in the 5th line?
    (I'm pretty new and i learn by these type of videos just by copying the code used then dissecting and exploring it. And I heven't seen that type of line anywhere yet)

  • @reanwithkimleng
    @reanwithkimleng หลายเดือนก่อน

    Quality video ❤❤❤😊

  • @shubhamrathod5933
    @shubhamrathod5933 26 วันที่ผ่านมา

    Make figma to html/css videos step by step

  • @IamHimyes
    @IamHimyes หลายเดือนก่อน

    Nice video, Subscribed !

  • @hizkeltewodros
    @hizkeltewodros หลายเดือนก่อน

    you are Great

  • @bud-yo
    @bud-yo 28 วันที่ผ่านมา

    Nice

  • @jlonso1840
    @jlonso1840 หลายเดือนก่อน

    sounds good

  • @Ocean10230
    @Ocean10230 23 วันที่ผ่านมา

    useful:D

  • @QyjscMsvdioal-j6e
    @QyjscMsvdioal-j6e วันที่ผ่านมา

    Perez Margaret Williams Thomas Garcia Shirley

  • @KathyBurton-e3g
    @KathyBurton-e3g 6 วันที่ผ่านมา

    Lewis Angela Garcia Sharon Thompson Kevin

  • @RoyanaHaque
    @RoyanaHaque 4 วันที่ผ่านมา

    Rodriguez Gary Anderson Edward White Donald

  • @ChandrashekarCN
    @ChandrashekarCN 26 วันที่ผ่านมา

    💖💖💖💖

  • @Jimmy.2.0.0.5
    @Jimmy.2.0.0.5 25 วันที่ผ่านมา

    Hi, can you create your content in Spanish? Create a TH-cam account where your videos are in Spanish so you can also have them published in Spanish. Greetings, I'm Jimmy, from Ecuador.❤
    Hola, ¿puedes crear tu contenido en español? Crea una cuenta de TH-cam donde estén tus videos en español para que puedas tenerlos publicados también en español. This way you will also have a Spanish audience on your other channel. Saludos, soy Jimmy, de Ecuador.❤

    • @spaghettiking653
      @spaghettiking653 23 วันที่ผ่านมา

      You can try dubbing it yourself by just downloading it and then speaking over him in Spanish.

  • @JoanneNaylor-f6d
    @JoanneNaylor-f6d 8 วันที่ผ่านมา

    Thomas Susan Perez Donald Johnson John

  • @The_T-Bone
    @The_T-Bone 19 วันที่ผ่านมา

    did anyone else get the thanos refrence?

    • @coding2go
      @coding2go  19 วันที่ผ่านมา +1

      Nope, you are the first one lol. I thought more people would get it but reality if often disappointing.

    • @The_T-Bone
      @The_T-Bone 19 วันที่ผ่านมา +2

      @@coding2go Man kids these days, I love your videos by the way! very helpful!

  • @user-qr2uq4uk9j
    @user-qr2uq4uk9j 26 วันที่ผ่านมา +1

    The music disturb our understanding