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 site using ReactJS

#react#sass/scss#react-router

@Tarun7777

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


Rate my work, please.

Community feedback

P

@developedbygeo

Posted

Looking pretty clean and following the design, so thumbs up for that!

If you were to improve a few things, here's what I would look into:

  1. Your crew images are losing the original aspect ratio on desktop, making them look a bit squeezed. I would recommend looking into changing how you handle their width/height and adding object-fit to keep the original ratio.

  2. Since you are using React Router, I would highly recommend adding a 404 page, because in this case, a 404 bugs your whole website out.

  3. I'd also recommend looking into ways to make it responsive in mobile landscape viewports. It's a good opportunity to do this here, because design-wise, only a couple of adjustments are required.

Tl;dr: keep on rocking :)

0

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