Space tourism multi-page website (responsive) using react y tailwind
Design comparison
Solution retrospective
if anyone knows how to avoid scrolling in a modal window let me know, please im using tailwind, that's the only problem i have
Community feedback
- @Nickil13Posted over 2 years ago
Hey David!
To answer your question about the modal: Setting the document body to overflow:hidden when the modal is open makes it so you cannot scroll. Just make sure to remove that when it closes!
While looking at the modal, I noticed it doesn't close on link click or when clicking outside of the modal. I think these would improve the user experience.
I also had difficulties clicking the steps in the Technology Space Launch 001 Page. Instead of having your button
onClick
set toe.target.value
, you could set it toboton.name
. This way even if you click the text it should give you the right value instead of undefined. Then you don't have to worry about someone clicking the number.for example:
onClick={e => {setValor(boton.name), setValue(index)}}
0
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