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 react-router-dom and framer motion

@Mattvp21

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


Largest project I've done as of yet. I don't mean to be negative but I'm not proud here. I have some issues on the design end and can't seem to render the images right. I usually don't like to post things unless I think it's perfect but I figured this is practice and I can learn from my mistakes. I was shopping for a new animation library and found framer-motion and I really enjoy using it so far! As always, please give constructive criticism.

Thanks,

Matt

//UPDATED SOLUTION

Fixed the design but still having trouble with the images. On the destination/crew page, you have to click twice to get the right image and the technology images wont change at all. I really want to put this in my portfolio because I've wanted to do this challenge forever, so the help is much appreciated. Thanks!

// FINISHED

Fixed the images by using the ternary operator to switch the images. Dont know why I had so much trouble but glad something worked

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