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

Just HTML & CSS

Fernando 145

@Faerk77

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!, Trying to keep working and doing my best. This is my third challenge.

I would like to know if I am catching bad programming habits. Or if I'm making stupid but avoidable mistakes early on.

I will appreciate any help.

Thanks!

Community feedback

Davide 1,725

@Da-vi-de

Posted

Hi, nice result on this challenge, well done!

  • HTML seems perfect, CSS not really! There's no need to repeat the media query over and over, there are two ways for writing media queries: Either you add them at end of each class or you add them at the end of the file. I'd rather write them at the end of the file, it's more organized, i don't get confused and i foucs much better at tasks!

  • I've also noticed you don't follow mobile first approach, i encourage you to do that, starting from small to large width screen, use min-width: ..., that was a very small project but you may go through very hard times for bigger designs!

Hope it helps a little, keep coding :-)

Marked as helpful

1
Fernando 145

@Faerk77

Posted

Hi Davide,

Thanks a lot for the feedback!!!.

I understand the point of mobile first approach, in fact i have a friend that always tell me to start coding on mobile design first hehe, seems i got to hear you guys!!

i will focus on that on future projects.

Thanks again!!!.

Greetings!

1

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