html-css-qr-code-component

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

This is my first frontend mentor solution. I really tried to make the solution to be as easy to change as possible using css variables. I'm not sure if I am using all the recommended best practices for things. For example, I think there should be some sort of css property for ensuring the screen width can never be less than the width of your component. Not really sure what this is right now but just trying to get used to flow of how to build this type of stuff.

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

Figuring out how to get the included attribution required me to ai search for a solution. I understand how it works but it feels like there may be a better way. Also the spacing around items was a bit tricky.

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

Know what best practices I could be using that I am not. Want my solutions to be less hacky in the future.