QR code component with tailwindcss

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

I think it's a somewhat clean tailwindcss solution, I did use arbitrary values only once (for the width of the component).

What would I do better

I also did not take the time (for now) to add linting or automated code-formatting. It's a small project so I think it's ok but I know there are certain rules on how to

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

I actually had trouble opening the figma design since there is not figma app for linux, so you have to use the web-interface and it took me a couple of minutes to find the import function.

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

• There is no actual css to review (the input.css contains only the tailwind directives), the whole code is in the index.html file and in the tailwind.config.js
• Is this actually "good" tailwindcss?
• Did I make good use of the semantic HTML elements
• I used an arbitrary value for the size of the QR code component ( the w-[320px] ) and I set the with of the QR code image to 100% which then results in the 288px size of the image like in the figma/design. Is there maybe a better approach?