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
- Live Site URL: Netlify
- HTML 5
- Sass
- Flexbox
From this project i have learned how to blend a image with de background-color using the mix-blend-mode property.
img {
height: 100%;
mix-blend-mode: multiply;
opacity: 0.8;
}
- Mix-blend-mode MDN documentation - This helped me to understand the property mix-blend-mode to make the image color purple.
- Frontend Mentor - @Nova988
- Github - @Nova988
- Twitter - @A_Nova988