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

The Stats Card Component that I don't have a good feeling about.

Skippy 110

@skippysworld

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


Okie-dokie, this took me far more time than I expected. Did I learn something? That I might always end-up cycled in my own code and get lost.

I have a feeling like this might be the worst code I've written so far. After two days I've almost gave up and I probably ended rather with hard-coded solution instead of keeping it more responsive.

I have two questions though:

  1. What am I missing to have the image look like on template?
  2. Is there a way to let image background fill it's div parent 100% instead of giving it absolute dimensions - or - is this the only option and the dimensions are controlled by higher count of more specific media queries afterwards?

Community feedback

Naveen Gumaste 10,460

@NaveenGumaste

Posted

Hello Skippy ! Congo 👏 on completing this challenge

Let's look at some of your issues, shall we:

  • What am I missing to have the image look like on template? Just darken the give color it self and then reduce the opacity or alpha

happy Coding😀

What am I missing to have the image look like on template?

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