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

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

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

  • @Anas_Alaqeel
    @Anas_Alaqeel 16 дней назад +52

    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 13 дней назад +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 16 дней назад +13

    Four minutes very well spent. Thanks, Fabian!

  • @DanielUdechukwu00
    @DanielUdechukwu00 16 дней назад +8

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

  • @EmeliaNevaehSaniyao
    @EmeliaNevaehSaniyao 10 часов назад +60

    aitutorialmaker AI fixes this. Flexbox shorthand explained in minutes.

  • @HarshDoes
    @HarshDoes 16 дней назад +2

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

  • @pierwszywolnynick
    @pierwszywolnynick 14 дней назад

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

  • @cy66a
    @cy66a 16 дней назад +4

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

  • @stolz999
    @stolz999 16 дней назад +8

    Grid. It's all the grid

  • @usmanakmal9729
    @usmanakmal9729 16 дней назад +1

    Brilliantly explained in just 4 minutes. Thanks, Fabian!

  • @rafaelkassner
    @rafaelkassner 16 дней назад +1

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

    • @orenders
      @orenders 16 дней назад +2

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

  • @MsGreath
    @MsGreath 11 дней назад

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

  • @HealmaTech
    @HealmaTech 16 дней назад +1

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

  • @Alaaaaaaaaaaaaaaaa
    @Alaaaaaaaaaaaaaaaa 11 дней назад

    Underrated channel

  • @UmarHamzy
    @UmarHamzy 7 дней назад

    This is why I'm here, Fabian :)

  • @oleksiipetrenko3824
    @oleksiipetrenko3824 11 дней назад

    Thanks a lot. Very nice explanation.

  • @HumanOpinions-bz9ky
    @HumanOpinions-bz9ky 16 дней назад +1

    Love it. using that from now on

  • @Dexter101x
    @Dexter101x 16 дней назад +1

    Thanks Fabian

  • @ahsanalam2289
    @ahsanalam2289 16 дней назад +2

    Thanks. Learned new things

  • @DineshVaidyaOfficial
    @DineshVaidyaOfficial 16 дней назад +1

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

  • @vikram87in
    @vikram87in 13 дней назад

    Good video and more importantly very impressive way of explaining ❤

  • @globalsurfer
    @globalsurfer 16 дней назад +1

    Thanx Fabian 😍

  • @kazz94
    @kazz94 15 дней назад

    Such a good explanation, thank you

  • @maccabro7
    @maccabro7 16 дней назад +1

    fantastic, thank you!!

  • @nickolaizein7465
    @nickolaizein7465 16 дней назад +1

    Thanks a lot!

  • @مازنالفار-ز1ز
    @مازنالفار-ز1ز 16 дней назад

    Great and very nice explanation thank you

  • @redoanhasan1090
    @redoanhasan1090 16 дней назад +1

    i like you videos so much .

  • @moeinzidehsaraei8738
    @moeinzidehsaraei8738 16 дней назад +1

    That's great🤗😍

  • @shootytheturtle
    @shootytheturtle 16 дней назад

    Thanks for that - appreciate it

  • @gareth2021
    @gareth2021 16 дней назад +1

    damn that looks really useful.thank you!

  • @HoyaS2
    @HoyaS2 16 дней назад

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

  • @hodev632
    @hodev632 16 дней назад

    Thank you

  • @pro100_makari4
    @pro100_makari4 16 дней назад +4

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

  • @BongoCaat
    @BongoCaat 16 дней назад

    Very good 🎉❤

  • @ganapathivenkadesh8807
    @ganapathivenkadesh8807 16 дней назад

    great video, Thanks

  • @JackFate76
    @JackFate76 16 дней назад +1

    Goddamn, I think I finally understand!

  • @ilogbc3090
    @ilogbc3090 16 дней назад

    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!

  • @sale7680
    @sale7680 9 дней назад

  • @AlexTheDev1
    @AlexTheDev1 16 дней назад

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

  • @olegmaz3969
    @olegmaz3969 15 дней назад

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

  • @AndreiGeorgescu-j9p
    @AndreiGeorgescu-j9p 2 дня назад

    What do you use to make these videos?

    • @coding2go
      @coding2go  2 дня назад

      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

  • @Shulkerkiste
    @Shulkerkiste 16 дней назад

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

  • @hexxt_
    @hexxt_ 16 дней назад

    shouldve talked a little about wrap

  • @aryankhandelwal15
    @aryankhandelwal15 15 дней назад

    What if instead of zero in basis i use auto ?

  • @ImTheDot
    @ImTheDot 5 дней назад

    .

  • @jasim-dev
    @jasim-dev 14 дней назад

    i always forget the grow thing🥹