Fully "Grid"ed Homepage

What are you most proud of, and what would you do differently next time?

Hi👋. This is my solution to the Room-Homepage challenge. I'm proud of the time spent thinking of CSS, it was much faster than before, and I was able to use grid-line-names to implement the layout in no time.

I also made sure that the carousel was progressively-enhanced. Without JavaScript, the carousel navigation buttons are faded out and the content is made a scrollable area, so that users can still access all their content. When the script comes in, then the complete functionality is implemented

I also added a dark mode, and in line with progressive enhancement, I made the primary navigation to always be seen, with or without JS

My stack as usual is HTML, SCSS, and TypeScript using Vite to bundle it all

If you have the time, check it out, and feel free to comment on anything in the code,

Happy Coding, Ayobami