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

Developed using HTML and CSS, with basic fundamental knowledge.

vishal• 35

@Vishaldev098

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 completely did this project using fundamental HTML and CSS. Suggestions are greatly welcome.

Community feedback

Aaryan Singh• 55

@Aaryan376

Posted

you can use media queries to make this responsive

Marked as helpful

0
Kodepanther• 25

@Kodepanther

Posted

Nice work.

Marked as helpful

0
Vanza Setia• 27,795

@vanzasetia

Posted

👋Hi Vishal!

I have some suggestions for this solution:

  • You can try to use rem units and start get familiar with it by doing Frontend Mentor challanges. Basically 1rem is equal to 16px (if you don't change the font size on your browser setting).
  • I recommend for * (universal selector) or as a reset, try to add box-sizing: border-box to prevent all elements to do something funny, like adding additional width when adding border or padding
  • You can try to use BEM methodology for giving class name. It will make you write a better CSS!
  • You can try to learn CSS custom properties to prevent you from keep repeating the color code.

That's it! Hopefully this is helpful!

Marked as helpful

0

vishal• 35

@Vishaldev098

Posted

@vanzasetia Thank you! This was really helpful.

0
Kodepanther• 25

@Kodepanther

Posted

Nice work.

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