QR code component (with responsive design for desktop and smartphones)

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

I am happy that the card layout switches from being vertical to being horizontal after a certain height decrease is reached on the desktop view, and that the card works on smartphones with a landscape orientation. Next time, I would remember to implement SASS/SCSS for a pre-processor scripting language.

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

Trying to make the image for the QR code change size properly along with the rest of the card was a challenge. Using "object-fit: cover" helped to keep the QR code square as the card shrinks and expands.

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

I would like to know if there are better ways to use the "height", "width", "max-height", "max-width", "min-height", and "min-width" properties to make layouts that match the original design.