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

namlid 70

@NamlidN

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Azikenp

Posted

Nice approach to the challenge here man. There may be a few issues with the mobile site though and this can be fixed using flex. Mobile first approach is always advised when styling in css.

The overlaying purple color on the image is also missing. That effect can be gotten by placing an empty div in the HTML file just below the image and styling the div with background: purple ,setting the display to absolute, also give the div the same height and width as the image you want it to overlay then position it on the image using margin i think.

Here is a link to my solution for better understanding:https://github.com/Azikenp/Stats_preview_card.git

Marked as helpful

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