Skip to content
Submitted over 3 years ago

HTML CSS

Nipun Tewari•75
@NipunSyn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

My first challenge on FrontEndMentor. I was able to get most of it. However, I could not figure out how to get the accent color on the image. Could anyone please help me out? I also tried to make the design responsive, any feedback on that would be appreciated. Thank you.

EDIT got how to get the accent overlay as well

Community feedback

  • Musha•100
    @mushamakPosted over 3 years ago

    Well done! Have you tried to apply background-color to image or apply it to div which contains that image. After applying color to image, you can use opacity to make it similar with given design. I see that border-radius is not working? Have you applied it to the correct place?

    1
    Nipun Tewari•75
    @NipunSynPosted over 3 years ago

    @mushamak Thank you so much for your suggestions. I was able to get the overlay corrected and the border-radius as well (although it's still not quite perfect). Will try to improve it even more.

    1

Please log in to post a comment

Log in with GitHub

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