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, React + Vite, slider moon

P

@jordanheve

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 really liked how the slider works on desktop, but I'm not convinced about using it on mobile. I would be thankful if someone could recommend me slider libraries for React. Any suggestions to improve my code are welcome.

Community feedback

@Haaguitos

Posted

Hello, Jordan!

Nice solution. The slider really solves some problems with the images on mobile and tablet, where it's harder to click and some of the animations are on point (but a bit too agressive, in my opinion).

I have some points that bothers me a little while using the application, so I'll leave it here as a feedback:

  • Application icon (fixed on the left side of the header) could be used to redirect to homepage;
  • on tablet sizes, the blured section of the header overlaps the scrollbar;
  • still on tablet sizes, tech images could fill some more space of the screen (maybe 100% of the width?);
  • on laptop sizes, font sizes are very big, even for full HD resolutions.

Marked as helpful

1

P

@jordanheve

Posted

@Haaguitos Thanks for your kind words about my solution! Your feedback is much appreciated, and I'll work on the following points: Implement the application icon as a link to the homepage (I can't believe I didn't think of this, haha!). Fix the overlapping navbar on tablet-sized screens. Enhance tech images on tablets to utilize more screen space (I'll do my best to solve this; for some reason, the slider didn't let me do it). Adjust font sizes for better display on laptops with full HD resolutions. I'm grateful for your suggestions as they'll help me improve the application. Thank you for sharing your thoughts!

1

@Haaguitos

Posted

@jordanheve you are welcome! It's already a nice application, and I hope you have fun implementing these changes. :D

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