Submitted about 3 years ago

Space Tourism - React, React Router, Hooks, CSS3

react, accessibility

Rimsha•240

@rimshub

A solution to the Space tourism multi-page website challenge

Preview Code

Solution retrospective

Hi Frontend Mentor community! Here is my solution to the space tourism multipage website. It took me some time to make it responsive. Please give your suggestions on improving my code or any advice

Built With/what i learnt

React, React Router, useState
Styled with CSS3 (It would be faster if i have used some preprocessor but it has really tested my CSS skills 😄)
Making background images responsive using <picture> tag...

Questions/Need Suggestions

How do you guys deploy your react apps? I use Github pages for my apps but for some reasons it wasn't working for react app. Initially i resolved it using ''BrowserRouter basename'' but after sometime it started giving error. (For now i have deployed the website on vercel but pls share how you deploy react app using gh-pages)
Which workflow is more appropriate(easy to go with) desktop or mobile for responsiveness?
What breakpoints you use mostly for tablet screens?

Looking forward to hearing your feedback!✨ Thank you.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Rimsha's solution.

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