product preview page using flex and sassy css

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

• Using scss features, I isolated variables and mixins, each in separate file.

• Learned more about specificity, and how not to mess with it while writing media queries. In my previous project due to lack of enough knowledge about this topic, I had to use !important.

• I loaded fonts from google fonts instead of loading them locally.

What challenges did you encounter, and how did you overcome them?

maintaining proper specificity for element throughout the project, specially while writing media queries. I learned how nesting in scss gets translated into css and how it affects specificity.

What specific areas of your project would you like help with?

For this project I did not used grid, and only used flex. Is grid a better option regarding this project?