I tried this challenge and I think it turned out pretty good.
It might not be the best but I'm happy with the result.
What do you think? Please leave some feedback!
@afrussel
Posted
Good work. Nice try. I would like to request you please take a look at my solution it may help you to find your issues
@R0b3rtG
Posted
@afrussel thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)
@ConradMcGrifter
Posted
It might be because you need to add bottom:0; and right:0; but thats just a guess since im on mobile and cant edit the code in the browser
@R0b3rtG
Posted
@ConradMcGrifter thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)
@EdgarBadillo
Posted
You can use 2 background on the same times. Look this documentation https://css-tricks.com/css-basics-using-multiple-backgrounds/
@darryncodes
Posted
Hi Robert,
linear-gradient to a background image: background-image: linear-gradient(hsl(277, 64%, 61%), hsl(277, 64%, 61%) ), url(../your/image-filepath);background-blend-modeAll the best!!
@R0b3rtG
Posted
@darryncodes thank you for your help! The problem was actually that i tried to do a :after overlay over a img tag instaid of a div with that image as a background. It was late at night and I was to tired and frustrated to realize that :)). Anyway, thank you for your willing to help :)
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
