Design comparison
Solution retrospective
if you want to see the mobile version just click on "Preview Site" and change the browser's screen size!
Community feedback
- @RyukioMiyamotoPosted over 2 years ago
Great job overall Majdi! Regarding the overlay, try using mix-blend-mode: multiply on a separate <div> instead of a gradient, it worked for me (even though I couldn't get the exact tone as well). Hope I could be of help, if I wasn't clear enough take a look at my solution. Also, the mobile version is missing, are you still working on it?
Good coding!
Marked as helpful1@BenBoubakerMajdiPosted over 2 years ago@RyukioMiyamoto Hi, thank you for your feedback Sir!!I appreciate it! I already finished that challenge and am working on another one now. I actually did the mobile version with Mediaquery If you try and change screen size. But I'm getting confused, when I upload my work on github/FrontEnd-Mentor should my Mobile design appear with the desktop design? Because when I submit my solutions only the desktop version appear. thank you Sir!
1@RyukioMiyamotoPosted over 2 years ago@BenBoubakerMajdi maybe you just need to update it here in frontend mentor as well, just enter the challenge through your profile, click visit challenge hub and update solution.
Marked as helpful0
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