This is a solution to the Planets fact site challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- View each planet page and toggle between "Overview", "Internal Structure", and "Surface Geology"
- Solution URL: Frontend Mentor Solution
- Live Site URL: Github Pages
- Semantic HTML5 markup
- (S)CSS Modules
- React - JS library
- React Hooks
- React Router
In this project, I practiced creating a multi-page site using react router, as well as css modules. I'm having trouble routing to github pages, but successfully solved the problem using a hashed URL.