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

Mobile first Vue 3, Sass

OK169 605

@olgak169

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


What a great challenge this was!! First time using Vue to build a big project like this, and it went better than I expected.)) Most of the time I spent adjusting responsiveness, so sass got messy a bit. Also tried to use semantic HTML as much as possible, don't know how good that went. Leave a comment, let me know if anything can be improved or there is a better way of doing things altogether.)

Community feedback

kczapko 50

@kczapko

Posted

Cool. One thing I don't like is page shifting, when scrollbar is disappearing after page content slide up.

I made this also as Vue SPA - https://www.frontendmentor.io/solutions/space-tourism-lp-made-as-vue-spa-with-scss-styling--9PPbml-P

Marked as helpful

0

OK169 605

@olgak169

Posted

@kczapko Hi! Thanks for the pointing it out, will try to fix that. Guess it has something to do with heights on the content.

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