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: Github
- Live Site URL: Deployed on Netlify
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
This course is a perfect guide to continued development. I decided to follow this, so I could get more familiar using utility classes, how to name your classes and a more complete approach to writing CSS. It has given me a lot of new information I will be implementing from now on. Or at least try to. Because it was nevertheless a tough exercise and there is a lot to be digested.
- Website - Katrien S
- Frontend Mentor - @graficdoctor
- Twitter - @graficdoctor
I followed along with Kevin Powell's & Scrimba's collab Build a Space Travel Website. Apart from the technology-pages, everything has been written just as Kevin explained.