Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats Preview Card Component

K.Damsith 330

@Damsithcoder

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Account Deleted

Hi Congratulations on completing the project.

I will go through some of the issues I can see. First of it is recommended that css be saved in a separate linked files as it makes it easier to maintain and debug. As it is I am having to scroll up and down between your styles and your markup. You must not not skip header levels, you cannot go from <h1> to <h3> which is why you have a warning. It may be better to use <span> instead of <h3> to wrap the numbers then size appropriately with font-size then use <p> for the text and use text-transform: uppercase to make similar to the design example. To get the overlay correct shade, try play with the opacity.

Hope this helps .

happy coding.

0

K.Damsith 330

@Damsithcoder

Posted

@madzi-hove Thank you for your comment.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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