QR code component using HTML and CSS

While working on the project, I encountered challenges in adjusting the image size to fit within the container while also readjusting font sizes appropriately. Feedback on the following questions would be greatly appreciated:

• Image Resizing: I struggled with resizing images to match the container dimensions while maintaining aspect ratios. Any tips on achieving a responsive image layout?

• Font Size Adjustment: I found it tricky to dynamically adjust font sizes based on screen sizes. Are there best practices or CSS techniques to ensure readable text across various devices?

• CSS Organisation: Considering the code is relatively concise, I'm torn between embedding CSS within the HTML file or using an external stylesheet. What would be the recommended approach for maintainability and performance?

Any insights and guidance on these points would be invaluable as I seek to enhance the project's user experience and code structure.