Learn CSS Flexbox in easy way

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

КОМЕНТАРІ • 46

  • @cssiseasy
    @cssiseasy  5 місяців тому +4

    💥Are you struggling with CSS and want to improve your knowledge?
    Then check out my step-by-step 480+ pages e-book here: csslaunch.com (Trusted by hundreds of people)

    • @kjhfg-fv6ub
      @kjhfg-fv6ub 2 місяці тому

      It's not available showing some error

  • @CodeWithOgochukwu
    @CodeWithOgochukwu 2 місяці тому +1

    This is value packed ❤❤
    To all new programmers a reminder that you are doing your best. Don't give up now. A little more push could bring the break you so desperately need.
    I am rooting for you ❤❤

  • @-Barny
    @-Barny 4 місяці тому +9

    Crazy amount of information in less than 5 min. Thank you, Sir ❤

  • @sheikhspeare6637
    @sheikhspeare6637 4 місяці тому +2

    Note that the main axis is always defined by the flex-direction. If direction is row, main axis is horizontal (x-axis in 2D coordinates) and if it's column, the main axis is vertical. The cross axis will be perpendicular to it.
    Also, the direction of justify and align properties depends on this as well.

  • @julianvelez6563
    @julianvelez6563 5 місяців тому +10

    awesome work bro

    • @cssiseasy
      @cssiseasy  5 місяців тому +3

      Thank you bro!

  • @0cactus
    @0cactus 4 місяці тому +1

    You have a talent. Just explained an important css topic and made it easy to begin understood.

  • @navymiguelito
    @navymiguelito 4 місяці тому +2

    "ancestors"? Oof. When CSS first came into play, web dev leveled-up its game. I started in '95 using PageMill. Damn, I am old. Hahaha!

  • @royandescartes
    @royandescartes 4 місяці тому

    you sir just earned my sub. thank you. although i have beaten flex garden many times before, (flex: wrap-reverse; had me stuck for a while lol) it is ALWAYS good to keep the mind sharp with new tutorials and lessons on web development. THANK YOU

  • @arifkasim3241
    @arifkasim3241 4 місяці тому

    Extremely intuitive when you explain it like this. You need to follow this format to explain other topics also. Congratulations!

  • @Zionnod
    @Zionnod 5 місяців тому +1

    Simple, practical, helpful, thanks!

    • @cssiseasy
      @cssiseasy  5 місяців тому +1

      It means a lot to me, thanks for your support!

  • @jyotiprakashboruah5092
    @jyotiprakashboruah5092 4 місяці тому +1

    Great video, covers all the topics. Thank you.

  • @amrsaber3339
    @amrsaber3339 4 місяці тому +26

    there is no such value `space-equal` the correct is `space-evenly` please prepare well before doing such mistakes!

    • @RobokiYT
      @RobokiYT 4 місяці тому +1

      I was just looking for a comment who corrects the guy and it is at 01:20 for anyone looking

  • @TheManiacc45
    @TheManiacc45 4 місяці тому

    This is awesome you made it easy to understand in a short time

  • @reicchi
    @reicchi 4 місяці тому

    Such a great and straightforward video, your delivery is very clear and examples are understood right away.
    Will you perhaps be making one on Grid layout as well?
    Looking forward to more of your videos!

  • @ashutosh_tiwari
    @ashutosh_tiwari 5 місяців тому +2

    Great work bro🥂

    • @cssiseasy
      @cssiseasy  5 місяців тому +2

      Thanks for your support! It means a lot to me

  • @danielimatteo
    @danielimatteo 4 місяці тому

    This is amazing! How do you edit these videos and animations??

  • @CherryMakesGameplays
    @CherryMakesGameplays 5 місяців тому

    content so good, that algorithm showed me thus even though you have less views and subs!!

    • @cssiseasy
      @cssiseasy  5 місяців тому

      Thanks for your support, we will definitely do it

  • @mateusb09
    @mateusb09 5 місяців тому +6

    The keyboard sound was annoying/repetitive but other than that it was a wonderful video

    • @cssiseasy
      @cssiseasy  5 місяців тому +1

      Got it, thank you!

  • @sankalpsharma3238
    @sankalpsharma3238 5 місяців тому

    Keep this series going bro , full support from me (only mentally😉, not physically 💸😏)

    • @cssiseasy
      @cssiseasy  5 місяців тому

      Thanks for your support, no matter what it is, I still appreciate it. Thank you!

  • @JeudryPeñaPeña
    @JeudryPeñaPeña 4 місяці тому

    instantly subscribed!!

  • @waleedbinshabbir1542
    @waleedbinshabbir1542 4 місяці тому

    I loved this, how do you have so few subscribers

  • @MohammadAsif-r9u
    @MohammadAsif-r9u 3 місяці тому

    make video on display grid

  • @gaminghunter800
    @gaminghunter800 4 місяці тому

    What you use for video creation because these animations are cool, but keyboard sound is distributing 😅

  • @zaifhossain8509
    @zaifhossain8509 4 місяці тому

    Create video on Grid Layout and Advance Animation

  • @JeudryPeñaPeña
    @JeudryPeñaPeña 4 місяці тому

    One question, whats the point of flex basis exactly?

  • @EricsWormPlayground
    @EricsWormPlayground 5 місяців тому

    I am new to CSS but seems there are a few separate competing css methods: flex box, grid, scss,bootstrap. Any others? Must you master all to be a css master?

    • @cssiseasy
      @cssiseasy  5 місяців тому +1

      Hi, I don't know why you put flexbox&grid in the same place as scss and bootstrap. Flexbox and grid are build-in tools and popular ways to create layouts or flexible elements on a website, and you definitely need to know them to become pro in CSS.
      SCSS is a preprocessor that makes working with CSS a little easier, but it's not essential to be master. It's the same situation with bootstrap. These are two external technologies that work with CSS, but you don't need to know them to build cool websites.

    • @EricsWormPlayground
      @EricsWormPlayground 5 місяців тому +1

      @@cssiseasy like I said, I am new. I have started learning but it’s so new I am not good at understanding it all. But your reply helped put things in perspective.

    • @cssiseasy
      @cssiseasy  5 місяців тому +2

      @@EricsWormPlayground I'm glad you have started your journey in the world of web development, if you have any questions I am ready to help you out

    • @EricsWormPlayground
      @EricsWormPlayground 5 місяців тому

      @@cssiseasy I will keep you posted. I liked and subbed. Time to check out your vids!

  • @ItCodeStars
    @ItCodeStars 3 місяці тому

    I am beginner on UA-cam, but i cannot get the required views and subscriptions. Any help please?

  • @WicCaesar
    @WicCaesar 4 місяці тому

    The website is off.

  • @michastrada4642
    @michastrada4642 4 місяці тому

    Really great video, but too much keyboard noises was so annoying

  • @codecret1
    @codecret1 4 місяці тому

    Use simple terms

  • @justin9494
    @justin9494 5 місяців тому

    ALGO pciekd u up

  • @LucasAlfare
    @LucasAlfare 4 місяці тому

    Didn't helped. I can't do a simple positioning of 4 items. I can do it extremely FAST in Jetpack Compose but this flexbox will not be that easy.

    • @TheConqueror253
      @TheConqueror253 4 місяці тому +1

      Welcome to the world of Css

    • @LucasAlfare
      @LucasAlfare 4 місяці тому

      @@TheConqueror253 unfortunately thanks