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

Links

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Pure JavaScript

Continued development

It was an interesting journey building this website. I faced certain obstacles which I overcame. There are things I would like to work improve such as transitioning of the menu section on mobile, the transtioning of images and texts smoothly into the view of the user

Useful resources

  • Example resource 1 - This helped me find solutions to difficulties I found along the way. I really liked this pattern and will use it going forward.

Author