Skip to content
Submitted over 3 years ago

HTML5 and CSS with SASS to compile the CSS.

Flamick•65
@Flamick
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

I struggled a bit with the responsive design of this challenge. I've been focusing on doing a mobile first design and I primarily had issues with the responsiveness of the images. I kind of had to "hack" a solution together but I know it could have been done better with proper structure to the html. Any feedback in this regard would be appreciated as that was what gave me the most issues in this challenge. Overall I feel like I ended up with a decent design overall but it could have been better. Thank you.

Community feedback

  • Randy Kwalar•75
    @RandyKdevPosted over 3 years ago

    I just completed this challenge today and I am still a newbie at this, but one thing I can suggest is:

    • For the image section, an empty div could be used and the image added as a background-image of the div. I think this way, all the initial wrapping could be removed
    Marked as helpful
    0
    Flamick•65
    @FlamickPosted over 3 years ago

    @RandyKdev Yeah, I tried that for the mobile design but it wasn't as responsive. I found that the mobile version was more responsive with the image itself and then for larger screens it worked better with the image set to a background inside of a div like you said. It could have just been the way I had it coded but that was why I made that decision.

    0
    Randy Kwalar•75
    @RandyKdevPosted over 3 years ago

    @Flamick Ohh Ok. Great job!

    0
    Flamick•65
    @FlamickPosted over 3 years ago

    @RandyKdev Thanks. These challenges have been fun and I've been learning a lot!

    0
    Randy Kwalar•75
    @RandyKdevPosted about 3 years ago

    @Flamick Yh me too. I have completed 2 of the newbie challenges and it is really fun, such a great platform.

    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