All solutions

Hi guys!

My overall goal for this one is to reach into some unexplored territory for me and see what I can do. So, I'm using a responsive grid layout using grid areas and media queries. For the slideshow, I'm using a mixture of JavaScript and Sass classes. I've never used grid to this extent before, it's, my first time using vanilla JS with a site (I've used React before this), and this is the most I've used Sass in a project, too. So I'm really exploring all possible frontiers here.

Looking forward to any feedback you guys have! Any improvements I could make on the code? Any different approaches you would take to how I implemented the layout/ slideshow/ navbar? Any ways I could make this more accessible?

Anyway, if you're still reading, thanks so much for your time! It's very much appreciated.

For this project, I used SCSS with CUBE CSS methodology in mind. My goal was to build out the larger composition of the site first, then style any parts that needed special attention after.

My questions:

Is the SCSS code easy to follow?

Are there any glitches on your browser?

Does my site respond well when you resize your browser?

Any other tips that come to mind will be appreciated as well :)

I'm trying to go for a more modular approach with the CSS. Someone using my stylesheet should be able to style their components by plugging in different classes in their HTML elements.

Am I succeeding in this goal? Are there any CSS classes that could maybe be broken down even further? Am I sacrificing readability and/or maintainability with this approach?

Thanks!