Skip to content
Submitted 5 months ago

Stats Preview Card Component built with HTML and SCSS

sass/scss
P
Shakira Reid - Thomas•150
@KaeTheDev
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of how I used this project to improve my Figma skills, particularly in interpreting design files and translating them into a cohesive visual layout. Next time, I’d focus more on refining the finer details to ensure better alignment with the original design intent.

What challenges did you encounter, and how did you overcome them?

Positioning the overlay was a challenge, but I was able to solve it by referencing a previous project where I had implemented a hover effect over an image. That approach helped me come up with a solution.

What specific areas of your project would you like help with?

Any and all help is welcomed!

Code

Please log in to post a comment

Log in

Community feedback

  • Bhavik Thakur•340
    @bhavikthakur

    Looks good and is working properly.
    Just one correction: I checked the site. I see there is a responsive issue. Check the break point- 777px, the image isn't growing and shrinking with your layout. All the best, you're doing good!

    Marked as helpful

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