Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I did mobile-first approach using simple grid then transitioned to desktop suign nested grid. If I were to do this project again, I would use flexbox instead of grid.
What challenges did you encounter, and how did you overcome them?For this project, I was trying to create a sliding right
transition for mobile nav menu.
However, I found out that transition
property doesn't work with display: block
and display: none
. CSS transitions cannot animate changes between these two states.
Instead of using display
, I controlled the visibility of the menu with properties that can be animated, like opacity
and transform
.
At the moment, none.
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