Submitted about 3 years ago
Stats Preview Card Component made using HTML/CSS and Flexbox
@omerome83
Design comparison
SolutionDesign
Solution retrospective
Any feedback would definitely be appreciated.
Community feedback
- @Jos02378Posted about 3 years ago
Hey @omerome83, good job on this solution!
Some suggestions for you:
- For the mobile size, try to give some space so the card doesn't stick to the left and right sides of the screen.
- You can use
background-size: cover;
andbackground-repeat: no-repeat;
so the image can cover the container without being duplicated for IPad size. - You can try to follow a CSS naming convention called BEM. You can watch this video for more information Watch the video.
- You can try to use relative units like em in the future. Here is a link to an article that explains when to use which unit read the article.
I hope this helps, good luck!
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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