FLEXBOX Centering Divs with Justify-Content & Align-Items Explained - CSS Flexbox Tutorial 2021

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024
  • How to center a div with CSS Flexbox? In this video, you're going to learn how to use the two properties of Flexbox such as justify-content and align-items for centering elements horizontally and vertically.
    Video Editor: iMovie
    Coding Editor: VS Code
    Link for my other CSS Flexbox Tutorials: • CSS Flexbox Tutorials ...
    #CSS #Flexbox #webdevelopment

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

  • @hiiamantonio
    @hiiamantonio 3 ปีที่แล้ว +5

    DUDE, YOU SAVED MY LIFE
    YOU HAVE A PLACE IN HEAVEN
    cheers from Brazil

  • @TrueDetectivePikachu
    @TrueDetectivePikachu 2 ปีที่แล้ว +1

    4 minutes of watching this video solved a prob that had me going mad for 1 and half an hour...
    based/10

  • @milanzadfiya2046
    @milanzadfiya2046 3 ปีที่แล้ว +2

    Very Well Explained .

  • @ARShaikh515
    @ARShaikh515 2 ปีที่แล้ว +1

    Lovely 🌹 you make this very simple

  • @patriayvida4209
    @patriayvida4209 3 ปีที่แล้ว +1

    Great! Thanks for sharing! I subscribed to your channel for the next class!!! Cheers!

  • @errol1494
    @errol1494 3 ปีที่แล้ว +2

    You have a subscriber for life. These videos are saving my life right now. Thank you. :relieved:

    • @cemeygimedia
      @cemeygimedia  3 ปีที่แล้ว +1

      Thank you so much! :) I'm also working on a Flexbox course, and will publish more videos here soon. If you have facebook, join also our group for more...

    • @errol1494
      @errol1494 3 ปีที่แล้ว

      @@cemeygimedia I can't wait for the flexbox course!

  • @ishaankhurana8956
    @ishaankhurana8956 2 ปีที่แล้ว

    Thank you

  • @AlyssaLibert
    @AlyssaLibert ปีที่แล้ว

    So, I am having a problem with a webpage of mine where this seems to work on the navigation bar on all other pages except for the ones where I have an embedded table from another platform
    What might be causing the CSS from centering the nav bar on these pages??? It's driving me nuts!

    • @AlyssaLibert
      @AlyssaLibert ปีที่แล้ว

      Already added !important and it has no effect

    • @AlyssaLibert
      @AlyssaLibert ปีที่แล้ว

      #nav-menu-ryENtp1L2j {
      display: flex;
      justify-content: center !important;
      }

  • @Cakirbeyim
    @Cakirbeyim 2 ปีที่แล้ว

    Türk ingilizcesi nerde duysam tanırım :D cok güzel anlaşılır sade bir dil kullanılmış. Elinize dilinize sağlık

  • @nicolepinhal5636
    @nicolepinhal5636 ปีที่แล้ว

    👋Cem Newbie here and subscribed! thanks a mill for such a simplified and well-explained flexbox with confusing concepts. I will check out more of your tutorial, happy student:)

  • @piiaall
    @piiaall 3 ปีที่แล้ว +1

    ❤️ Loved it

  • @pucksheet4456
    @pucksheet4456 2 ปีที่แล้ว

    Thank you so much my English is not good but i can still understand your teaching bcoz you are very precise and easy to understand no gibberish words .

  • @kimsangthanh5376
    @kimsangthanh5376 ปีที่แล้ว

    I love your video so much. It easy to understand. and i did learn a lot of this video❤❤

  • @gambo2003
    @gambo2003 3 ปีที่แล้ว +1

    Super understandable explained as always thank u cem 🖖🏼

    • @cemeygimedia
      @cemeygimedia  3 ปีที่แล้ว +1

      haha thank you for all your support Mehmet! :)

  • @sumitraj6878
    @sumitraj6878 2 ปีที่แล้ว

    thanks man. saved much of time.

  • @numan1837
    @numan1837 2 ปีที่แล้ว

    I love your tutorials ❤

  • @beautieshelp5973
    @beautieshelp5973 2 ปีที่แล้ว

    Sir how can we give spacing in between elements please make a video on it

    • @numan1837
      @numan1837 2 ปีที่แล้ว

      Use margin property