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 solution with React

#react

@denis-farkas

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


Not totally optimized: crew mobile is not like model. Perhaps the use of grid will resolve this matter, but too late for me. Mobile first approach, the next time.

Community feedback

Maxime 430

@maxime927

Posted

Hi Denis,

Why do you use rem as unit for everything ? It causes that everything is fixed as print design, it should be better if you use viewport width and height or simple percentage. In my case, i had a mobile first approach as well and i used flexbox and absolute position.

By fixing that, you should not have anymore your problem with the white background around the container, and a better positioning of your content;

I can advise you as well to use the google extension : PerfectPixel to compare your integration with a jpg/png of the design, with that, you can assure you that you respect totally the designer's expectation. :)

For the rest that's cool, keep going ! :)

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