Design comparison
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am proud of the fact that I can use vanilla CSS and JS to create any website layout with functionality.
What challenges did you encounter, and how did you overcome them?
I encountered some challenges with animating my vertical nav and the backdrop since the only state that was changing for them was a transition from display: none
to display: block
. I solved it by adding opacity: 0
and opacity: 0.5
for the backdrop and opacity: 0
and opacity: 1
for the vertical nav menu. I transitioned the opacity instead of the display. I added a delay timing function to the transition.
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