Order Summary Component with Sass

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

1. I implemented Sass with this solution for the first time.
2. I'm proud of being able to confidently and quickly style layouts like these now.
3. I'm more comfortable setting hover states now.
4. I wrote in Sass variables, mixins, partials and used nesting for the first time.

Next time, I want to estimate how long things will take and then see how close I am.

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

I had some challenges with Sass where it stopped compiling without me noticing. I'm still not sure if I need to 'initiate' Sass to compile every time I resume working on a project and open my editor. I'm going to keep an eye on it. I did some research but couldn't find any obvious answer. I also set my VSCode setting to start Watching on Launch, but I don't know if this helped.

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

I'd like feedback on my Sass. Is there anywhere else where I could've implemented Sass resources that I overlooked? I used x1 partial, x1 mixin and x3 variables.

How can I make the sizing/alignment of the page (body) match exactly with the design? I always get this wrong.