Responsive Order Summary Component with CSS Custom Properties

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

I'm proud of completing this challenge while trying out new things and stepping out of my comfort zone.

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

I've been using hexadecimals for these challenges but I've decided to experiment with HSL for this one, and I'm not sure if I like it yet. However, I did learn from Kevin Powell the correct syntax of writing it to easily set the opacity, and it's pretty cool.

:root {
  --clr-bright-blue: 245 75% 52%;
}

button {
  box-shadow: 0 1.5rem 2rem hsl(var(--clr-bright-blue) / 0.2);
}

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

Mainly css custom properties. I'm still not confident in my usage of variables. Though Kevin said that you can literally write anything with them lol.