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 || HTML, CSS

Alifmslm 30

@Alifmslm

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 would be happy to have any suggestions on website responsive 😀

Community feedback

Marcia 90

@marciabel

Posted

Hey ! Great work. I noticed a couple of thing that may help improve your code.

  • First of all, a small thing, when naming classes in CSS, I believe the convention is to use hyphen-separated words, also known as khebab case(something-like-this), instead of using underscores or snake_case (something_like_this). Even if you decide to use snake_case, you should only use one '_', not two, to separate words. It will compile regardless, but that's the general convention.
  • Another thing is that when you go down in the size of the screen, like let's say a screen of 1100 width, I would size down the space between the card and the border so the image doesn't have to suffer it. Then in tablet and phone size, when you go down there's a point where you have no space between the card and the border of the screen, so maybe that's something to look out for the future.

Marked as helpful

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