
Design comparison
Solution retrospective
I've been doing Vanilla HTML/CSS for the previous attempts, so I wanted to start learning how to use SCSS to start getting a handle on using more modern ways to write CSS. I ended up really like SCSS since I have a habit of repeating setting CSS properties and not wanting to clean it up after finishing the design, but with SCSS, everything is a lot more condensed and is a lot easier to look through the code.
One thing I did have trouble was keeping the eye view image's opacity at 1 when the hover happens. Any help with that would be appreciated as well as any general feedback with SCSS going forward. Thanks! :)
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