QR code component using CSS

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

I am proud that I was just able to get a solution up and running that looks like the given design. Next time I would set up a github repository before beginning to write the code so that I can integrate using git as part of my workflow rather than doing it at the end.

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

This project was pretty simple, the main thing that is challenging is knowing how best to organize my CSS.

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

I would like to know if there is a better way to organize my CSS. I decided to use variables to practice for bigger projects, but I am curious if my methods for positioning and spacing can be improved.