QR Code Component - CSS Variables & Flexbox

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

While I don’t think my first solution was bad, I decided to redo it after receiving feedback on another challenge. I realized I made many of the same mistakes on both projects. Given that they are relatively simple, and I had made a mess of the CSS organization, I decided to start over.

Next time, I plan to avoid overcomplicating things, such as splitting very basic CSS into multiple files.

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

I accidentally committed my IDE configuration file and had to learn how to remove it from my Git history. I found a solution through some online research and successfully removed the file from previous commits.

Additionally, I received feedback that using CSS Grid for centering might not be ideal, especially with potential text resizing issues. I addressed this by implementing Flexbox for centering instead, ensuring a more robust and flexible layout."

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

What are the best practices for storing and referencing screenshots in a project's README file? Is there a preferred folder location or naming convention?