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

Responsive webpage using HTML and CSS

@DamnItAzriel

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


Hello guys. Let me know what you guys think about this webpage. Any feedback to make this better is appreciated. Thanks in advance!

P.S.: I would like to know how to add color to an image i.e. needed here for this challenge. I added filter with opacity. It did get the job done but it doesn't look exactly as shown in the design.

Community feedback

@mdajmalshadab

Posted

That's very good work! keep doing new challenges :)

Marked as helpful

1

@DamnItAzriel

Posted

@mdajmalshadab Thanks very much! I am loving these challenges. Will keep doing them.

0

@mdajmalshadab

Posted

@DamnItAzriel yeah me too, I am learning a lot here

0
jason12119 140

@jason12119

Posted

I'm not sure if you can add colour to an image in css. What I do is that I make an absolute positioned overlay with a background colour. You can either set the alpha channel of the colour for transparency, or you can use opacity (opacity can be animated, not sure if colour change can)

Marked as helpful

0

@DamnItAzriel

Posted

@jason12119 Hey thanks for the input. I will try this out.

1

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