E-commerce product page with SASS, Jquery , and mobile first design

Hello Dun 👋

Incredible work on the solution for this challenge and excellent choice in going with mobile first approach.

One of the things you might like with CSS pre-processor like SASS is the ability to split your styles into multiple files to make them more readable and easier to maintain. However, you might have noticed that your _main.sass is quite long, so I'd suggest you split it up a bit. Here's a folder structure I use when I work with static projects:

styles
   /components
       /_button.sass
   /globals
       /_boilerplate.sass
       /_colors.sass
       /_typography.sass
   /layout
       /_footer.sass
       /_header.sass
       /_main.sass
       /_navigation.sass
   /util
       /_breakpoints.sass
       /_mixins.sass
       /_variables.sass

You don't have to use this exact same folder structure as you can modify it according to your use case scenario and needs. I'll leave a link to and article by Doston Nabotov at DEV Community on A Modern Sass Folder Structure , you can check it out as they go further into the concepts. 👌