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

Shehan 40

@ShehanMaduwantha

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'd like to get feedback about my coding practices etc. There are a lot to improve in my coding.

Community feedback

@ruona88

Posted

Hello there,

Your solution looks good. But I noticed there are no media queries for mobile viewing.

0

Shehan 40

@ShehanMaduwantha

Posted

@ruona88 Thank you very much for the feedback. I've included the media queries but they follow the style guide provided. So the breakpoint might be lower than the lowest width the browser can show.

0

@krisp-dev

Posted

The desktop design looks good overall, it is good practice that you have used relative units throughout your code and the code itself is pretty easy to read for a beginner like myself.

A few minor things I'd touch up on are the font-size (a little bit smaller than the original design) and I'd play around with the filter of the image (contrast and brightness) but I am being really picky here.

Also, I think you forgot to make it mobile responsive.

0

Shehan 40

@ShehanMaduwantha

Posted

@krisp-dev Thank you very much for your feedback. I agree that the font size is a bit smaller than the original design. I included the media query to make it mobile responsive in the _card.scss partial.

Thank you very much for the feedback again !

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