Skip to content
Submitted almost 4 years ago

Stats preview card

Jonathan•295
@Nathan-Front
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any suggestion to make it better will be helpful in learning. Thank you

Code

Please log in to post a comment

Log in

Community feedback

  • Joseph•770
    @Jos02378

    Hey @Nathan-Front, good job on this solution!

    Some suggestions for you:

    1. You can use text-transform: uppercase to capitalize text in CSS instead of typing them in HTML.
    2. You can try another way to create the image and the overlay using an img tag and a div like in this video overlay video.
    3. You can try to follow a CSS naming convention called BEM. You can watch this video for more information Watch the video.
    4. You can try to use relative units like rem and em in the future. Here is a link to an article that explains when to use which unit see the article.

    I hope this helps, good luck!

    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