página de qr con flex

Hola @Rod-RodriguezF-28

¡Tu solución se ve muy bien!, aqui te dejo algunos consejos para mejorar la semántica.

--- Html

• Usa la etiqueta <main> para envolver todo el contenido en lugar de la etiqueta <div>
• Usa primero la etiqueta <h1> y después <h2> y asi, hasta el <h6>, y en ese orden.
• Los <br> que tienes dentro del titulo y del párrafo no son necesarios, estos se ajustan segun el tamaño del contenedor.

---Css

• en tu .card puedes usar la propiedad padding para darle espacio entre el contenido y el borde y asi no necesitas el .container-card
• A la imagen te recomiendo ponerle un width de 100%, este tomará el 100% del elemento padre, si este reduce su tamaño la imagen tambien se reducirá, lo que ayuda al diseño responsivo.

Revisa este link: QR-base

Espero esto te sea útil, y si lo es no olvides marcarlo.

Muy buen trabajo, ¡sigue asi!

the component is a bit bigger and if the img is sized a bit bigger it will shrink down the padding around it.