QR code component built using HTML and CSS

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

When viewing the Figma document I noticed it had set out the text presets which was very handy, so i used these to define CSS variables in my stylesheet, and them create a class for the text content within the component.

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

Initially, I made a few mistakes with the semantic HTML, I used a <p> element which I realised later upon review would more accurately match the brief if I used the <h1> element.

And I changed a <div> to a <section> element. There may have been other ways to strengthen the HTML for SEO.