Super well done! Love the responsive and the mobile menu design!
Feedback:
I've noticed that the element on menu is jumping when toggling the menu, it's because of the long overflow wording. So, the better approach is to fix width: 65%, and transform: translateX(0%) when open, transform: translateX(100%) when off.
yeah Thank you for your feedback. I love it! I noticed what you had mention, but when i do transformX, there's a strange blurry white shadow showing behind the menu during transition and kinda don't like it to ruin the transition, and i don't know where it come from, i think it has something to do with the backdrop filter or maybe with my system., i'll fix it. :D Thanks!
Edit: I've done it. i used overflow-x: clip, but this probably won't work in IE.
Super well done! Love the responsive and the mobile menu design!
Feedback:
I've noticed that the element on menu is jumping when toggling the menu, it's because of the long overflow wording. So, the better approach is to fix
width: 65%
, andtransform: translateX(0%)
when open,transform: translateX(100%)
when off.yeah Thank you for your feedback. I love it! I noticed what you had mention, but when i do transformX, there's a strange blurry white shadow showing behind the menu during transition and kinda don't like it to ruin the transition, and i don't know where it come from, i think it has something to do with the backdrop filter or maybe with my system., i'll fix it. :D Thanks!
Edit: I've done it. i used overflow-x: clip, but this probably won't work in IE.
Awesome! Well done yaa! Thank you for taking on this challenge! 🤩