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

Stat Preview Component Card

Vincent Danielβ€’ 410

@davinceey

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


Wheew! Again, I found it difficult to make my website responsive enough when switching from the desktop view to the mobile view. Still some changes to be made to my code but overall, I think it's functioning. I would really appreciate your feedbacks on this one. Thank you!πŸ’–

Community feedback

Hyronβ€’ 5,870

@hyrongennike

Posted

Hi @davinceey,

Congrats on completing the challenge

You're missing the following on the parent container of the overlay.

.img-div {
    position: relative;
}

at the moment the purple overlay is not over the image.

Marked as helpful

1

Vincent Danielβ€’ 410

@davinceey

Posted

@hyrongennike I just noticed that I had to remove my "section" element to help in html validation but I didn't update that on my stylesheet. Thank you!

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