This is a solution to the Space tourism website 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 each of the website's pages depending on their device's screen size
- See hover states for all interactive elements on the page
- View each page and be able to toggle between the tabs to see new information
For most of this challenge I did not have access to Figma's developer mode. The design files provided by Frontend Mentor were modified slightly (mostly small layout changes) between when I started the project and when I completed it, so I was working with 2 different design files.
- Semantic HTML5 markup
- Flexbox
- Grid
- Mobile-first workflow
- React - JS library
- Styled Components - For styles
- Vite - Build Tool
- Testing with Jest
- Futher accessibility auditing
- Github - Lexadecimals