QR Code Component using CSS Flexbox

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

Styling the main component containing the QR code was the best part of this project. Once applying flex to the body, everything else fell into place.

body {
display: flex;
justify-content: center;
align-items: center;
}

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

The main challenge was trying to get the right measurements for padding so that the container held the QR code correctly. Once I downloaded the Figma file to look at the design in more detail it was easier to work out the details.

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

I'm specifically looking for help with accessibility if there's any other components I could add to help with that.