CSS Flex Order & Flex Direction: How to Reorder Elements and Rows/Columns with CSS Flexbox?

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024

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

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

    Man, this is what I am looking for. I needed the reverse value but I can also use order. Thanks a lot! Subscribed.

  • @r.s.7984
    @r.s.7984 3 ปีที่แล้ว +3

    This is the best and simple video for flexbox i've seen so far. So easy to understand. Hoping for more videos. 👏👏

  • @chi-yinlin9542
    @chi-yinlin9542 2 ปีที่แล้ว +2

    Thank you for the simple and straight to the point video! It's really helping me grasp unfamiliar concepts since I'm a beginner.

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

    A new videooo 🥳🥳 so easy explained. Thanks a lot and wish u a successful week🖖🏼

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

      I wish you a nice week too! :)

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

    Simple, Easy, and perfect !! love it

  • @ReactedToAngular
    @ReactedToAngular 7 หลายเดือนก่อน

    this video saved my day thanks aloooooooooot just in the 20 second of the start i remembered that order is my usecase ❤❤❤❤❤❤❤❤❤❤ enshalla god will lead you to paradise ❤❤❤❤❤❤❤❤❤❤

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

    Just, Wow! ❤️

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

    I want to wrap the items but I need minimum 2 items per each row how can achieve that..?

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

    how do i make this 2 columns and auto rows?

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

    Many thanks for that Cem. This is the first time I heard of the flex order.
    Can you help with another problem. I have 4 evenly spaced cards managed by display: flex, with a flex-wrap: wrap. It works fine, except when the browser gets to a particular width when it shows 3 on one line and 1 on the other. Is there anywhere of telling flex to wrap with to 1 2 or 4 colums without using @media queries? Or will I have to use Grid?
    Many thanks
    George

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

      Hello George, try max-width & width together for the boxes, I haven't used Grid before so can't really tell you whether it works...

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

    Thank you so much. You have a new subscriber ❤

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

    Very well explained
    thank you so much

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

    But how do you make rows of 3 when you have more than three item in a row???

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

    thank you very much!
    teşekkürler hocam

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

    Thank you for this

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

    Thank you so much..

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

    Thank you

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

    subscribed *-*