Design comparison
Solution retrospective
What I'm most proud of is having managed to do everything alone without anyone's help. What I would do differently next time is organize the containers better.
What challenges did you encounter, and how did you overcome them?I had difficulty organizing the container and the stats elements, but I thought of a solution to place them in different classes, this way I managed to finish the project
What specific areas of your project would you like help with?On the flexible issue
Sorry, im from brazil, and my english isnt good
Community feedback
- @AdrianoEscarabotePosted about 1 month ago
Hey KauaGabriell, how’s it going? I was really impressed with your project’s result, though I have some advice that could be helpful:
To get closer to the photo overlay effect, you'd better use mix-blend-mode. All you need is the div under the image with this background color: hsl(277, 64%, 61%); and position mix-blend-mode: multiply and opacity: 80% on the image or apply image to activate the overlay by blending the image with the div's color. See the code below:
img { mix-blend mode: multiply; opacity: 80%; }Everything else looks great.
Hope this helps! 👍
0
Please log in to post a comment
Log in with GitHub
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