Design comparison
Solution retrospective
I couldn't get the exact color down for the transparent purple overlay. According to the figma specs I needed a mix-blend-mode property set to the value of multiply, but this made the image way too dark...so I opted to not use that.
I also noticed that the height of the overall container abruptly increases when the browser is resized, making it "jump" up. That's weird.
The background image doesn't scale in size when the browser is resized, cropping the image, in desktop screen size. I tried making it responsiveness but nothing worked. Any advice here?
Lastly, there was an attempt to making it responsive across all devices. Tablet mode is lacking. I know I butchered this part in terms of approaching best practice.
Any feedback is welcome! Cheers to a new coding year :)
Community feedback
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