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

responsive space tourism website with onload animations🤩

@fibonacci001

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


I just wrapped up the space tourism website challenge and am over the moon with how it turned out! 🚀🌙 It was a total blast getting to build a responsive site that allowed users to explore some out of this world destinations, crew members, and technology!

I focused on using plain ol' HTML, CSS and vanilla JS to bring it to life. Some of the fun interactions I built include:

Tabbed navigation to toggle between different options 👽 Smooth scrolling between page sections 🚀 Groovy page load animations with animxyz 🌀 In terms of accessibility though, I know there's room for improvement:

Add more descriptive alt text for images 📷 Structure markup more semantically with tags like <header> 🏛️ Improve color contrast in places ☑️ Do more testing with assistive tech like screen readers 🎧 Overall, I'm super proud of what I built! 💪 But I'm also excited to keep improving, especially on web accessibility best practices. Let me know if you have any other specific feedback based on the code provided!

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