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: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- SASS - For styles
Note: These are just examples. Delete this note and replace the list above with your own choices
- I built this project using Sass. It's my first doing something this big with Sass, so I had a lot to learn. Prior to this, I had a good understanding of CSS Specificity but this helped me gain more insight into it
- I would need to work on the filter-blur prperty as it is currently not supported by Firefox but works well in chrome.
- Also on the last page (technology), I need to learn how to change the images displayed based on the active viewport.
- I happened to stumble on Kevin Powell's video about typography just before I started working on this project. I used the clamp property for my fonts which he talks about here
- Afolasope Adebanjo
- Frontend Mentor - @afolasope
- Twitter - @afolasope_