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 preview using css grid and flexbox

@srikargunnam

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


I couldn't achieve the exact color of violet mask which covered the photo, whether my opacity is incorrect or some other issue, on few trail and errors i got close but not exact, would like to hear feedback from anyone who has answer for this or would like to give me any suggestions on areas where i can improve. Thanks in advance :)

Community feedback

MatiX 360

@MatiX221

Posted

Generally good. Just a few things. Firstly read ur HTML report and don't make same mistake. Secondly you can use BEM naming, it will help you a lot. And thirdly you really can't find phones with less than 375px width, so making website with less than 375px width just doesn't make sense, so next time make phone version with max-width of around 700px.

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