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

responsive stats page using bootstrap and grid

moooin 20

@mooooin

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


hi @ everyone

i'm not sure about the mobile solution, so feel free to give me some feedback on that one!

THX

Community feedback

Davide 1,725

@Da-vi-de

Posted

Hi moooin, i saw your report and there are some issues that maybe you need take care of, one of them is a typo error, you forgot the colon, it should be (max-width: 768px) but you put the mobile image in the srcset it should go in the <img src = ....> you also forgot to fill the alt attribute which is bad for accessibility.

Using rem unit for font-size is perfect, for the rest i suggest to use em in order to zoom-in and out with no problem, in case people with sight disabilities need to see bigger. Happy coding!

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