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 using HTML & CSS

Harshit Soniā€¢ 290

@Harshitsoni2000

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


Open to get feedback and advice on how to improve. I would be very happy if you could help me with the parts I need to improve. Thank you for your feedback

Community feedback

P
Daveā€¢ 5,245

@dwhenson

Posted

hey @Harshitsoni2000 well done on what I am guessing is your first challenge? šŸ™Œ

I think you did a good job on this one and the design looks good and responds well at different viewport sizes. Here's some small suggestions for you to consider:

  1. Try to avoid adding inline styles in your HTML. They are difficult to override and it's generally not a good idea. In this case you could just create a class called 'accent' or something and apply that to your span. This makes things easier to change later too.

  2. Don't forget the alt text on your images is meant to be read aloud by people using screen readers or to show up if the images fail to load for some reason. Therefore the text should really describe the image something like "A group of colleagues working and having fund together" might work in this case.

  3. Similar to point #1 above, if using capitals try to do this through the CSS text-transform property rather than actual capitals in the HTML. Again this is just a good habit and makes it easier to swap things around later on.

These are all small points but should help you as you carry on with the challenges. Good luck and great work here! šŸ‘ Cheers šŸ‘‹

1

Harshit Soniā€¢ 290

@Harshitsoni2000

Posted

THANK YOU VERY MUCH. I WILL WORK ON THESE ERRORS AND HOPE YOU WILL FURTHER ASSIST ME IN MY UPCOMING PROJECTS ON FrontEnd Mentor. I really needed someone to guide me on these projects.

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