Design comparison
Solution retrospective
Hello,
I had some issues with the picture, so I did some bigger breakpoints to avoid having the picture smaller than it's container. I think a lot of solutions did it this way.
If you have any suggestions, I'd be happy to hear it/them ✌️
Thank you !
Community feedback
- @correlucasPosted about 2 years ago
👾Hello @Aatypic, congratulations on your first solution!
Nice code and nice solution! You did a good job here putting everything together. I’ve some suggestions for you:
The way you’ve applied the purple color is fine, but if you want the exact tone of color of the challenge designs, add to the div containing the
then add
mix-blend-modeto make the color blend between the image and the background-color of the container. See the steps below to apply to the
imgor
picture` selector:img { mix-blend-mode: multiply; opacity: 75%;}
✌️ I hope this helps you and happy coding!
Marked as helpful0@AatypicPosted about 2 years ago@correlucas thanks for the feedback, also not my first solution (error in the copy pasting haha )
Oh I was missing the
opactiy
, I went so much back and fourth on this thing 😅Should be the right color now
0
Please log in to post a comment
Log in with GitHubJoin 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