Why I don't use flex-wrap anymore (and what to use instead)

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

КОМЕНТАРІ • 32

  • @LongPeter
    @LongPeter День тому +26

    3:30 overflow-x: auto; (rather than scroll) if you don’t want to force scroll bars to be shown when there isn’t enough content to need them.

  • @mattwood8659
    @mattwood8659 День тому +16

    The first solution can easily be solved with justisy content start. Going the media query route is over kill

  • @lukas.webdev
    @lukas.webdev День тому +5

    Great video! I completely get the point you're making, and it’s a fresh perspective. I really appreciate how you broke down the alternatives and explained their advantages so clearly. That said, all of the solutions you mentioned are very useful and probably still have their specific use cases. I also think there are still situations where flex-wrap is the best tool, so I wouldn’t dismiss it entirely. Keep up the awesome work! 🔥

  • @Karaya715
    @Karaya715 День тому

    Does everyone else recognize how many big named sites can use this video??
    Fantastic work! Thank you!

  • @codedjango
    @codedjango День тому +4

    The 3rd solution is what I use the most....thanks anyways for this tutorial 👍

  • @wendysburgers4326
    @wendysburgers4326 День тому +6

    CSS Grid 💯

  • @PicSta
    @PicSta День тому +1

    For me, CSS grid is the better solution in most cases for layout, structure of the whole website, but for content, like cards content, I would use flex box. Both alignment solutions have their pros and cons and I think you use it as mentioned, grid for layout/structure and flex box for the content inside "boxes, cards ...", then you can benefit from the best of both worlds.

    • @bn5055
      @bn5055 10 годин тому

      "Grid for page layout, flex for component layout" is a rule of thumb that has served me well.

    • @PicSta
      @PicSta 8 годин тому

      @@bn5055 Exactly, I think that was the purpose of them both.

  • @UberDurable
    @UberDurable 18 годин тому

    Very clear and concise!

  • @petarkolev6928
    @petarkolev6928 7 годин тому

    Yet another awesome video!

  • @AjvarRelish
    @AjvarRelish 22 години тому

    Would like to see more about the JS used to scroll the content using buttons!

  • @omaarshek4123
    @omaarshek4123 11 годин тому +1

    Please can you help us with a video on workflow of how you record and edit your youtube videos

  • @AbdulRahman-yp6oy
    @AbdulRahman-yp6oy День тому

    Good , Excellent , easy to understand 💕💕😊😊❤❤👍👍
    keep uploading such kind of videos

  • @NancyParker-k6e
    @NancyParker-k6e 14 годин тому

    Thank you so much for this amazing video! I need some advice: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). How should I go about transferring them to Binance?

  • @RoldanMengote
    @RoldanMengote День тому

    Nice video, thank you!

  • @a7mdbest15
    @a7mdbest15 День тому

    Thanks dude very nice

  • @abdulrenishr
    @abdulrenishr День тому

    Cool n informative

  • @Byson94
    @Byson94 День тому +1

    nice video!

  • @Elonsol
    @Elonsol 3 години тому

    Very awesome

  • @SantoKhan-mk3hp
    @SantoKhan-mk3hp День тому +1

    No. Flex wrap is very important with flex grow. Very important.

  • @DreamsInMotion37
    @DreamsInMotion37 12 годин тому

    I'm thinking about buying the HTML & CSS course but how long would the course take to finish?

  • @JawsoneJason
    @JawsoneJason 21 годину тому +1

    Doesn't think adding `align-items: start` is intuitive...
    Proceeds to propose more complicated solutions instead.

  • @ezwtwrziehag1736
    @ezwtwrziehag1736 17 годин тому

    @3:40, that's not a real world case scenario. you either have mobile, desktop or laptop but not that display size.. so flex wrap is just fine

  • @Adnan_Inspires_Official
    @Adnan_Inspires_Official День тому

    Nice :D

  • @yuriyzadorozhnyi3849
    @yuriyzadorozhnyi3849 День тому

    Дякую Вам ! Привіт з України!

  • @ramstylen6813
    @ramstylen6813 День тому

    maxx- width might gonna hep here.

  • @zainuldin9095
    @zainuldin9095 День тому

    you forget to mention CSS columns

  • @AbhishekTiwari-cu5xn
    @AbhishekTiwari-cu5xn День тому

    👍🏿

  • @Amar_Seid
    @Amar_Seid День тому

    Wowo

  • @LAG.survivor
    @LAG.survivor День тому

    Yo I was literally just searching this problem on Google. Thanks and great vid 🙏
    👨‍🌾 Crappy Farm 💩