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 multi-page website

#accessibility#sass/scss
darryncodes 6,410

@darryncodes

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


Hi everyone 👋

I'm not looking for feedback on this one as it was a follow along!

However I would like to say thanks to Frontend Mentor providing this excellent learning opportunity alongside Scrimba and Kevin Powell - perfect timing in my development! Being able to cross over from theory/tutorials to see how development works in the real world is invaluable.

My biggest takeaways are:

  • The design system and how Kevin builds out all the components in the design files before starting the site build
  • Using utility classes, css variables and the alternative approach to customisable inline styles
  • Accessibility - learning more about ARIA
  • The JS in general and hiding/showing content using html attributes
  • Having access to professional design files and getting closer to the real world development process

Happy coding 🤙

Community feedback

@eTyradelli

Posted

Hi @darryncodes,

I just wanted to say that I took the course too and found it invaluable!

There was so much information put into practice in a clearly explained way. I second all the takeaways you mentioned, and add CSS grid and grid-template-areas for page layouts to the list of useful practices I learned from the course, as for me it was a game-changer.

Anyway, I just wanted to share my enthusiasm :)

Cheers!

1

darryncodes 6,410

@darryncodes

Posted

Love this @eTyradelli, thanks for reaching out!

I share your enthusiasm, it's infectious.

I'd really like to build a project with the design system demonstrated, I think I'd need a recap though haha.

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