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 HTML CSS

nico 70

@niconun

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


My mobile version it's not well.

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Personally, in the mobile design I would add the following attribute.

@media screen and (max-width: 1100px)
.card {
  display: block;
  height: 90vh;
  max-width: 280px;
}

This way it doesn't expand too much and keeps the design but you should add more padding so it doesn't look so tight and maybe change the max-width but there you edit it to your liking.

By the way don't use h2 if you don't have a h1 before, it is necessary to always have a h1 and only one per page since it is the title on the current page, the other h2, h3.... h6, working as subtitles of each other.

With all that I think you can do that you no longer get errors in your report.

I hope my comments are helpful. Good luck!

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