This is a solution to the Stats preview card component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- Solution URL: Solution page
- Live Site URL: Github pages
- HTML5
- CSS
- CSS Grid
- Mobile-first workflow
How to add color to an image
In the projects before this i never add a background image and then a color to this.
Next it's the code that i use for this:
/* In my case background-element it's #img-content */
background-element {
background: linear-gradient(var(--soft-violet-alpha), var(--soft-violet-alpha)),
url("images/image-header-desktop.jpg");
}