Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Stats preview card component

Osman Bayβ€’ 690

@osmanbay90

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any suggestions on how I can improve are welcome!

Community feedback

rayaβ€’ 2,850

@rayaatta

Posted

Hello πŸ‘‹Osman Bay, congratulations on completing this challenge πŸŽ‰

I have some suggestions you might find useful.

1 I noticed

<p>314</p>
<p>templates</p>

In actual sense these should not be two separate paragraphs.rather both should be part of the same paragraph

<p><span>314</span>
        <span>templates<span></p>

You can then style them. This would be better because it doesn't inform screen readers the wrong info.

2 I noticed that in the image style you set its height. This is not a recommended practice as it destroys aspect ratio it is better to just give it a width.

I hope this helps πŸ™ƒ Your solution looks awesome and very semantic 🀩 Happy coding ✌️

Marked as helpful

1

Osman Bayβ€’ 690

@osmanbay90

Posted

@rayaatta thnks

1

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