Responsive QR-code Component

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

I'm proud of that my CSS approach of building individual divs, classes etc has improved. I will try to make the code cleaner next time.

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

• Responsiveness
• Centring div

With the help of some resources, I learned how to make it responsive using min-height, max-width. Also, by using flex properties I learned to properly centre div.

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

• I want to know, some people don't make divs for everything, and some make divs for everything even for <p> etc. Which is better? If the last one is better then please guide me when I should make a div?

• What should I use em, rem, px?