Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Space Tourism website using HTML, CSS and JAVASCRIPT

Gaurav 50

@Gaurav-GD24

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This project creates a responsive web design using CSS and enhances user experience with JavaScript. It includes custom properties, utility classes, and components for a modern and visually appealing website.

  • Custom Properties: Defined for colors, font sizes, and families, adapting to different screen sizes.
  • Reset: Applies a modern CSS reset for consistent styling across browsers.
  • Utility Classes: Offers flexibility and consistency for styling, colors, and typography.
  • Components:
    • Large Button: Custom-styled with a subtle hover effect.
    • Header and Navigation: Includes a logo, navigation links, and a responsive mobile toggle.
    • Tab Navigation: JavaScript-enabled for dynamic tab switching and user-friendly interactions.
  • Page-specific Backgrounds: Unique images for different sections based on the page.
  • Layout: Utilizes grid containers for responsive content structuring and adaptive typography.

  1. Clone the repository.
  2. Link the provided CSS file in your HTML.
  3. Include the JavaScript file for enhanced functionality.

Enjoy exploring the cosmos with our Space Tourism website! 🚀✨

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord