Skip to content
Submitted over 1 year ago

Stats preview card component using grid

LucaD•110
@LucaDoro
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Feel free to give me some feedback!

Hey, So I started with the mobile version first and i knew it would be a problem after but how do i make the grid flip side when it goes from mobile to desktop since my images comes first in my HMTL. i tried experimenting with 'grid-column:' but it doesnt work.

Let me know what i can do.

Community feedback

  • Account deleted

    Hi, try adding order: 1 to the picture tag or -1 to the content.

    Marked as helpful
    1
    LucaD•110
    @LucaDoroPosted over 1 year ago

    @at33v Well that worked beautifully, I just had to add order: -1 on my .product__content {}. I tried grid-column: 1 before but it didnt work. Thanks for your help!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord