Frontend Mentor - Space tourism website solution

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.

Table of contents

Overview

The challenge

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

Screenshot

Links

Built with

  • HTML5
  • SCSS
  • Flexbox
  • CSS Grid
  • JavaScript

Useful resources

  • Resource 1 - This was a thorough breakdown that often helped me really understand how certain flexbox items were moving and position on the web. I really liked this style of teaching from Kevin Powell.
  • Resource 2 - Although this was just the homepage, this tutorial is one that I truly recommend to anyone trying to create a fully responsive webpage. I'd recommend it to anyone still learning CSS and HTML.