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

use scss with flexbox

@adolfin07

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


What are you most proud of, and what would you do differently next time?

min witdh maybe

What challenges did you encounter, and how did you overcome them?

none

What specific areas of your project would you like help with?

mexico on top

Community feedback

@Clipzorama

Posted

If you want to get a the --soft-violet color overlay with the black and white picture, try putting the image inside of a div container and use the pseudo element ::after.

You wouldn't want to put content in here but what you can do is make this property fit the entire div container and then use mix-blend-mode, background-color and opacity. Doing this should turn the picture purple.

For next time, try to use a higher % relative unit for the div that holds all content because your design is more square-shaped when it should be a rectangle.

Marked as helpful

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