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
- Solution URL: solution URL here
- Live Site URL: live site URL here
- ReactJS
- TailwindCSS
- Flexbox
- Mobile-first workflow
In this project, I strengthened my knowledge of responsive design and managing different states based on the user's actions. A responsive design needed to be adapted to a variety of screens over time. Hovering and focusing will also enhance the user experience. Reinforce my understanding of TailwindCSS and class and style customization.
There are some things I would like to keep using in my future projects, such as TailwindCSS customization and managing states as objects in React. I really like doing a project like this that requires patience and gives the highest quality user experience possible. I'll keep focusing on this in the future.
- Frontend Mentor - @Abraham0216