Product list with cart using vuejs

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

I implemented an internal state system to enable ui updates. The requirements of this project did not require vue's pinia solution but I will look at using nuxt and pinia for a more complex app.

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

Changing the color on hovering over the icons. I converted the svg files to html and changed the fill and path attributes.

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

CSS continues to challenge me. The cart component is not the correct height for larger screens and I could not figure out how to limit its height for smaller content.

Similarly, with the modal component - if there is a long list of items, its not possible to scroll to the bottom to view all the items and click the 'start a new order' button. I sort of solved the issue but implementing a close modal button at the top of the modal.