Design comparison
Solution retrospective
This was a fun one. Hadn't worked with transitions before, and modifying the transition-duration for different states/events was an interesting challenge. Learned some more about the @use directive in SASS/SCSS and how the "importing" of other modules interacts with code written in a file itself (how all this works relative to the cascade). Need to give some more thought to how this structuring will affect the end product and move all styling declarations out to modules if I'm going to approach the solution that way.
What challenges did you encounter, and how did you overcome them?The background-color and color transition duration (for the buttons) being different for different events/states. Very interesting and neat effect. Took me a while to figure out how to properly apply an overriding transition duration with the :not(:hover) pseudo-selector. Took much googling and looking through the MDN docs.
What specific areas of your project would you like help with?I think I accomplished everything I was trying to with this project.
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