Looking to hire developers?
@jason12119
@DamnItAzriel
Submitted
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.
@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
@Massoud5
Submitted
You can give me a better solutions!
@jason12119
Posted
I just see that the purple image overlay is much lighter than in the preview. Other than that, I think you nailed it.
Marked as helpful
@Nabil-Y
Submitted
Welcome !
Thank you for looking at my work.
I am a beginner so please tell me if you see anything I can improve on.
Nabil-Y
@jason12119
Posted
I see two things you could improve on. First is the headline, which has much smaller font size than the preview. If you struggle with choosing proper font sizes, study how to use EM units, as they help quite a lot.
Another thing I see is that the padding on the left half of the card is kinda off (bottom is very big compared to the rest). If you want to have the last element (which here are the statistics) at the bottom, you can use absolute positioning (I don't recommend) or flex positioning (I highly recommend).
Keep coding and enjoy :)
Marked as helpful
