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

Community feedback

• 

  Md5 dalton•1,430

  @md5daltonPosted about 2 years ago

  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. 👌

  Marked as helpful

  0

  ---

  

  Dun•290

  @DundeeAPosted about 2 years ago

  @md5dalton I'll definitely be using this advice for my SASS projects from this point on, thank you!

  1