Flexbox Crash Course - 9 Layout Examples

Поділитися
Вставка
  • Опубліковано 22 гру 2024

КОМЕНТАРІ •

  • @Jacques_3d
    @Jacques_3d 28 днів тому +1

    I watched this on my tv which doesnt allow me to comment so i had to find the vid on my phone just to thank you for such a great vid. I will definitely be buying your course!

  • @samsiddique4751
    @samsiddique4751 2 роки тому +5

    One of the best flex box video on UA-cam.

  • @HossamKhalaf-sr1oo
    @HossamKhalaf-sr1oo 2 роки тому +2

    The best thing is that you gave real life examples, I do really appreciate that.
    subbed!!

  • @Mohamed-tj6kb
    @Mohamed-tj6kb Рік тому +1

    the best css flexbox tutorial I've ever seen, u've got a new subscriber

  • @greatnile
    @greatnile Рік тому +1

    that is really one of the best flex box videos over there. you made it look sooo simple. thanks a lot!

  • @perizatapiyeva3917
    @perizatapiyeva3917 Рік тому +2

    Gold, just pure gold. Million thanks for all your courses

  • @Hector221b
    @Hector221b Рік тому +2

    one of the best front-end instructor

  • @_ezxotc12
    @_ezxotc12 9 місяців тому +1

    You are a great teacher ❤

  • @uzoronyemachi1980
    @uzoronyemachi1980 Рік тому +1

    I’m back, 😂your video is awesome. Although I later understood the explanation from my course but yours shaded more light on it and also explained sometimes I was confused like the inverse of justify content when the flex-direction: column. And you went as far as showing real world cases about 9 in just 40mins, I was wondering how you would do it. But you did it, thanks man. Some of us don’t have cash to pay for courses on udemy, you can help us with JS course, coz js is next after I’m done with CSS

  • @ADVANTAGE-u6y
    @ADVANTAGE-u6y Рік тому

    the best tutorial on flexbox on you tube .

  • @Philippe-coder
    @Philippe-coder 5 місяців тому +1

    you are the best . you are in theright place if you want to learn advance flexbox

  • @romeorel1679
    @romeorel1679 Рік тому +1

    Thank you. Very helpful video.
    If one day, your youtube channel blows up which will happen, please stay the same, don't change your personality.
    It 's what makes you different and unique in the web dev youtube community. Plus, you deliver good quality content.

    • @ByteGrad
      @ByteGrad  Рік тому

      Thanks, will try! Haha

  • @ahmadsebaey1830
    @ahmadsebaey1830 2 роки тому +1

    You are great!
    Now everything is clear... ❤❤

  • @ByteGrad
    @ByteGrad  2 роки тому

    Learn CSS Grid next: ua-cam.com/video/IPxM7B3viPc/v-deo.html
    Hi, mastering CSS is critical as a front-end developer: bytegrad.com/professional-css?n=123231
    Also, mastering JavaScript is critical if you want to be a modern, professional developer: bytegrad.com/professional-javascript?n=123231

  • @mubirujamesbenjamin3440
    @mubirujamesbenjamin3440 9 місяців тому +1

    Thank you

  • @ByteGrad
    @ByteGrad  Рік тому

    Hi, mastering JavaScript is critical if you want to be a modern, professional developer: www.udemy.com/course/professional-javascript-course/?referralCode=0C1D5752923168BC87C2
    Also, if you are a front-end developer then mastering CSS (including Flexbox, CSS Grid, etc.) is equally important: www.udemy.com/course/professional-css/?referralCode=4C3C08E82629E6B15752

  • @ايهابابوجاموس-ص2ز

    Very nice explanation, thank you for your effort

  • @webapple1
    @webapple1 2 роки тому +1

    I've been having trouble with the footer 'sticking' to the bottom of the page , I guess the only way I have been able too do it is by giving the body a height. Without specifying a height , i could never get it to work. (maybe that's common knowledge , I'm taking a web dev diploma at the moment , maybe i missed that in my html/css class)

    • @ByteGrad
      @ByteGrad  2 роки тому +1

      Exactly, the body needs to have a height of at least 100% of the viewport. So in the example in the video the body has the following declaration (height: 100vh).

    • @webapple1
      @webapple1 2 роки тому +1

      @@ByteGrad yes! thanks for that I saw you put 100vh so i tried this too and works perfect , before i was trying all sorts of weird things with height etc. i understand now.

  • @ajdrag
    @ajdrag Рік тому

    I normally use Flexbox for my menu/header section and Grid for everything else.

  • @ananducs5622
    @ananducs5622 Місяць тому

    23:08

  • @uzoronyemachi1980
    @uzoronyemachi1980 Рік тому +1

    Still wondering why your video have low likes and view isn’t that much. I don’t know if it’s your calm voice or the way you explain things. I accidentally came across ur video on box sizing and border box, I’m coming back to this video if I still don’t understand flex box from my course, 3rd day I’m stuck in flexbox and time is going.

  • @constantine9074
    @constantine9074 Рік тому

    where the f...lex is flex-shrink? or its not intended for crash course

    • @ByteGrad
      @ByteGrad  Рік тому

      Rarely need it in practice

  • @saharghasemi-h9k
    @saharghasemi-h9k Місяць тому

    I meant not in this video actually in some other one

  • @saharghasemi-h9k
    @saharghasemi-h9k Місяць тому +1

    Great, but for me you speak fast

    • @jumb0j0ck
      @jumb0j0ck Місяць тому +1

      Try playing back at a slower speed. Works for me.