The most popular Flexbox property explained in 4 Minutes | CSS flex shorthand

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

КОМЕНТАРІ •

  • @Anas_Alaqeel
    @Anas_Alaqeel Місяць тому +56

    The way and order of explaining, hitting the right place in the brain to learn, and the animations did 99% of that. good video bro you are on the right path.

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

      Yes, was going to write something similar.. he explained it in such a way that towards the end the mind automatically started getting the point 😊

  • @nickstaresinic4031
    @nickstaresinic4031 Місяць тому +17

    Four minutes very well spent. Thanks, Fabian!

  • @DanielUdechukwu00
    @DanielUdechukwu00 Місяць тому +9

    I've learnt a lot in css since I discovered this channel. Subtle things that I used to overlook.
    Thank you Fabian!

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

    I am using css even before flex was a thing and till this video I didn't fully understand flex-basis, thanks

  • @HarshDoes
    @HarshDoes Місяць тому +2

    I never understood this topic. But now you have made it crystal clear to me. Thanks 🙏❤

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

    Brilliantly explained in just 4 minutes. Thanks, Fabian!

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

    This is why I'm here, Fabian :)

  • @macarthyeyimofe820
    @macarthyeyimofe820 2 дні тому

    God bless you, I understand it now

  • @globalsurfer
    @globalsurfer Місяць тому +2

    Thanx Fabian 😍

  • @Grace7890-g3g
    @Grace7890-g3g 8 днів тому

    Keep the vid coming ❤❤❤

  • @maccabro7
    @maccabro7 Місяць тому +2

    fantastic, thank you!!

  • @مازنالفار-ز1ز
    @مازنالفار-ز1ز Місяць тому

    Great and very nice explanation thank you

  • @ahsanalam2289
    @ahsanalam2289 Місяць тому +2

    Thanks. Learned new things

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

    most awesome thing i've seen today online, ty.

  • @stolz999
    @stolz999 Місяць тому +9

    Grid. It's all the grid

  • @Dexter101x
    @Dexter101x Місяць тому +2

    Thanks Fabian

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

    Very informative, becomes very clear after years of development.
    Thanks Mann!

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

    I love that you use Firefox for the examples. Thank you!

    • @orenders
      @orenders Місяць тому +2

      Why? It doesn't have many Chrome features. They are loosers compared to chromium based.

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

    Underrated channel

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

    That's great🤗😍

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

    Good video and more importantly very impressive way of explaining ❤

  • @stephanieezat-panah7750
    @stephanieezat-panah7750 16 днів тому

    Excellent. thank you

  • @cy66a
    @cy66a Місяць тому +4

    Хорошее видео, чтобы понять или освежить в памяти это сокращенное правило. Спасибо!

  • @HumanOpinions-bz9ky
    @HumanOpinions-bz9ky Місяць тому +1

    Love it. using that from now on

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

    Very good 🎉❤

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

    i like you videos so much .

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

    Thanks a lot!

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

    damn that looks really useful.thank you!

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

    Thanks a lot. Very nice explanation.

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

    Such a good explanation, thank you

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

    Thanks for that - appreciate it

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

    Thank you

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

    Goddamn, I think I finally understand!

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

    great video, Thanks

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

    nice!!😊 could you please make video on px vs em vs rem on web development plz.

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

    It was so informative.
    Is it easy to do the grid as well?

  • @chesterxp508
    @chesterxp508 28 днів тому

    GoodJob!

  • @EmeliaNevaehSaniyao
    @EmeliaNevaehSaniyao Місяць тому +60

    aitutorialmaker AI fixes this. Flexbox shorthand explained in minutes.

  • @AndreiGeorgescu-j9p
    @AndreiGeorgescu-j9p Місяць тому

    What do you use to make these videos?

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

      I use a lot of tools.
      "Adobe Audition" to record the voice over
      "Adobe XD" to create designs (like the codeboxes and thumbnails)
      "Davinci Resolve" for video editing
      "OBS" to record my screen while coding
      "Notion and Miro" for planning and team-management
      "Visual Studio Code" for coding

    • @AndreiGeorgescu-j9p
      @AndreiGeorgescu-j9p Місяць тому

      @coding2go thank you. Have you considered using something like remotion or motion canvas? It's making videos with code and I think your videos could be done programmatically with them. I'm asking because I'm looking to start making videos myself

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

    Cool trick, but imo a layout like that should be done with grid. Since your gotta put these values on all the child elements.
    Great content tho!

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

    What if instead of zero in basis i use auto ?

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

    If you did flex: 1 1;, would that still mean flex: 1 1 0;?

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

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

    3:32
    flex: 1; would be 1 1 0 instead of 1 0 0

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

    But flex: 1 1; doing the same if I am not mistaken.

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

    shouldve talked a little about wrap

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

    .

  • @pro100_makari4
    @pro100_makari4 Місяць тому +4

    Bro, do the same with grids. And after that, compare them

  • @jasim-dev
    @jasim-dev Місяць тому

    i always forget the grow thing🥹