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

Fox 550

@urboifox

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


css is so fun ngl

Community feedback

Rio Cantre 9,710

@RioCantre

Posted

Hello there! Nice work with this one. Yes, CSS is fun and viewing at your code, I would suggest the following for you...

  • Add media queries for the responsive design
  • Adjust the width of the container into width:950px and add border-radius: 10px;
  • Inside the content add the padding into padding-right: 4rem; and padding-bottom: 6rem;
  • Remove the margin in header and .content .pref h2 into 0
  • Remove the margin-bottom: 5rem; in the .content .first-p
  • Add padding: 1rem in the attribution tag
  • Wrap the content body with specific tag like main and attributionwithfooter` tag for readability

Hope this helps and Keep it going!

Marked as helpful

0
Fox 550

@urboifox

Posted

and i didnt notice that its big :) my bad

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