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

Accessible Space Tourism site built with grid & flexbox

P

@nataliesmyth

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


This project was much more difficult than I thought it would be when I started, and took a lot longer than expected. This isn't a complaint, I learned a lot through building this website, and overall I'm happy with my work. At the same time, I know my website is far from perfect, especially when it comes with the spacing of my layout for each page. My destination page is much more compact than the rest of my pages, and on my technology page, the image is supposed to take up the full view width on mobile and tablet and stick to the right side on desktops. I spent a lot of time trying to fix these issues, but I haven't been able to and I feel like I got lost in my own code. Any advice on how to work through these issues would be appreciated.

Community feedback

P
Jose Monge 340

@josemongedev

Posted

Very well done. I can notice you put a lot of effort on this, especially with the stylings. I think the fact that you did it all in html, css and vanilla js, without a framework speaks volumes. It's also better to learn it this way when starting to code, since the tools won't be a substitute for the concepts you learn initially. Kudos Natalie!

Marked as helpful

1

P

@nataliesmyth

Posted

@josemongedev thank you so much! I wasn't feeling great about how it turned out, so I really appreciate the positive feedback.

1
P
Jose Monge 340

@josemongedev

Posted

@nataliesmyth You're welcome Natalie! I thought it was very professional and high quality: the code organization you used, css variables, the aria attributes, etc.

0
msa3597 0

@msa3597

Posted

great work

1

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