Space Tourism website using Reactjs and Sass

Solution retrospective
How can the responsive design be done better?
I have tried my best to follow the best practices for react. Can you suggest what could be done better and what to avoid?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Johndiddles
Hi Asidipta, really great job you've done!
A couple of things I noticed (not relating to responsiveness though).
-
You can give the links in your navbar a transparent border-bottom just about the same size as the active link so that they don't keep dancing vertically when you hover on them and their hover state kicks in.
-
secondly, when hosting your react app on netlify, you need to create a _redirects file in the public folder and insert '/* /index.html 200' inside it without the quotes. This will ensure that the app doesn't crash when you refresh a page other than the index page or when you try to visit one of your pages directly without going through the workflow from the homepage. Personally, I prefer to use vercel to host my react app and netlify for my vanilla js app.
Great Job once again. Cheers 🥂 🍻
Marked as helpful -
Join 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