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: Click Here to see the solution
- Live Site URL: Click here to see the live site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- Tailwindcss - CSS Framework
- React - JS library
- Redux - JS library
- Axios - React framework
- React-Router-Dom - React framework
Since this is the third projects that I created using Reactjs and Tailwindcss, maybe for the next project I would like to try out Typescript to build a project. Or React Typescript would be fun too.
- How to get user width dynamicly - This helped me for to get the windows width. The documentation about the code is very clear.
- Frontend Mentor - @hermawangan
- Twitter - @hermawangan
- LinkedIn - @hermawangan