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

BRACKETS

jnf03 90

@jnf03

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


How can i put a color over my image on the right side

Community feedback

P
j5 2,290

@jmnyarega

Posted

  • You can use a combination of these selectors:
background-image: url(img_url);
background-color: red;
background-blend-mode: darken;

If you like, you can experiment with the filter property too.

2
Adarsh 140

@Adarshshanbhag5

Posted

You can use 'background-blend-mode' CSS property to add colour to your image

0
P
j5 2,290

@jmnyarega

Posted

On the project, good job on completing the challenge. Here are my observations:

  • Looks like the font is not loading properly, you may want to add a link on your HTML file for this to work.
  • checkout flex and grid they can help with content alignment i.e the bottom stats.
  • Try using shorthand properties i.e padding: 10px 0. This can make your code more readable.
  • Experiment with custom properties, I am sure you will love it ☺️.

Otherwise, great job!

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