Space Tourism Multipage | HTML - CSS - TYPESCRIPT - ASTRO

Hello everyone. This is my solution for the Space tourism website Challenge.

First time I have access to the Figma files thanks to the Free+ tier and it was really awesome!

This was the biggest project I made on this website and the more fun I had until now. I used a lot of CSS Grid and think I improved a lot on that matter.

As always I tried to focus on accessibility and UX so everyone can enjoy their trip in the outer space 😋.

Since last time I used SCSS, I thought that I might give a try to postcss with the postcss-preset-env plugin.

Here is a little example of the magic:

/* Custom media queries */
@custom-media --screen-mobile-only (width < 640px);
@custom-media --screen-tablet (width >= 640px);
@custom-media --screen-tablet-only (640px <= width < 960px);
@custom-media --screen-desktop (width >= 960px);
/* Custom selectors */
@custom-selector :--heading h1, h2, h3, h4, h5, h6;

If you wanna read more about my feelings on this challenge follow this link to the github repo

Feel free to share any advice/improvement you might wanna see me implement in the design or the code.

Thank you for your time. Peace 😊