Flexbox Crash Course - 9 Layout Examples

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии •

  • @Jacques_3d
    @Jacques_3d 2 месяца назад +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 RUclips.

  • @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!

  • @HossamKhalaf-sr1oo
    @HossamKhalaf-sr1oo 2 года назад +2

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

  • @ByteGrad
    @ByteGrad  2 года назад

    Learn CSS Grid next: ruclips.net/video/IPxM7B3viPc/видео.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

  • @perizatapiyeva3917
    @perizatapiyeva3917 Год назад +2

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

  • @ByteGrad
    @ByteGrad  2 года назад

    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

  • @Hector221b
    @Hector221b Год назад +2

    one of the best front-end instructor

  • @_ezxotc12
    @_ezxotc12 11 месяцев назад +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 .

  • @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

  • @Philippe-coder
    @Philippe-coder 7 месяцев назад +1

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

  • @ahmadsebaey1830
    @ahmadsebaey1830 2 года назад +1

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

  • @ايهابابوجاموس-ص2ز
    @ايهابابوجاموس-ص2ز Год назад +1

    Very nice explanation, thank you for your effort

  • @mubirujamesbenjamin3440
    @mubirujamesbenjamin3440 10 месяцев назад +1

    Thank you

  • @ajdrag
    @ajdrag Год назад

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

  • @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.

  • @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 2 года назад

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

    • @ByteGrad
      @ByteGrad  2 года назад

      Rarely need it in practice

  • @ananducs5622
    @ananducs5622 3 месяца назад

    23:08

  • @saharghasemi-h9k
    @saharghasemi-h9k 2 месяца назад

    I meant not in this video actually in some other one

  • @saharghasemi-h9k
    @saharghasemi-h9k 2 месяца назад +1

    Great, but for me you speak fast

    • @jumb0j0ck
      @jumb0j0ck 2 месяца назад +1

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