Design comparison
Community feedback
- @usanCodePosted over 2 years ago
Hi Mathew,
Nice work! This project is a bit challenging. I have viewed your webpage and github code. As you know there is a background color that has to be added to the image in the left side of the container. You can do this with the background-blend-mode property and verify which option is good for that and add of course a background color . Here are some links that can help to better understand the background-blend-mode property:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode
https://www.w3schools.com/cssref/pr_background-blend-mode.asp
Something else, Try to zoom in Google Chrome into smaller values and see how your webpage is presented. The content of the left side of the container gets expanded and gets smaller and smaller. Try to fix that.Still concerning that issue, you've made for higher devices's viewports the design for the mobile version. As you know, We have to present two versions of the webpage: mobile and desktop. So try to make the correct adjustments.
To fix the issues generated in the report, read carefully the links provided into that same report and make all the needed corrections and then generate a new one to see if there still some errors to fix.
Marked as helpful0@jos-mePosted over 2 years ago@usanCode Thank you Makala, that's helpful. I'm working on them.
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