Skip to content
Submitted about 3 years ago

Stats Preview card component - HTML and CSS

Nadia•20
@nadiaermens
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Second ever HTML and CSS project and also the second one on Frontend Mentor. This was pretty hard! Started with the mobile view and then added a media query for the desktop view. Any feedback and/or suggestions are very welcome!

Code

Please log in to post a comment

Log in

Community feedback

  • Vanza Setia•27,715
    @vanzasetia

    Hello there! 👋

    Congratulations on finishing this challenge! 👏

    I would write my CSS for the mobile layout first and then use min-width media queries if needed. Based on my experience, it makes me write less CSS because I don't have to make four columns layouts into one column for the mobile users. Love this approach! 😍

    Some feedback.

    • The image is a decorative image. It doesn't contain any information. So, I recommend leaving the alt="" empty.
    • For the list, it is actually a list item. If the site has no styling then it would look like this.
      • 10k+ companies
      • 314 templates
      • 12m+ queries
    • Wrap the value of the HTML attribute with double quotes.

    Hope this helps.

    Marked as helpful

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