Skip to content
Submitted about 3 years ago

Responsive webpage using HTML and CSS

Pankaj Shalikram Pawar•120
@DamnItAzriel
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

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

  • Md Ajmal Shadab•410
    @mdajmalshadabPosted about 3 years ago

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

    Marked as helpful
    1
    Pankaj Shalikram Pawar•120
    @DamnItAzrielPosted about 3 years ago

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

    0
    Md Ajmal Shadab•410
    @mdajmalshadabPosted about 3 years ago

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

    0
  • jason12119•140
    @jason12119Posted about 3 years ago

    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
    Pankaj Shalikram Pawar•120
    @DamnItAzrielPosted about 3 years ago

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

    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