html and css

• To center your DIV container in the middle of your website:

body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

• It's better in the future not to assign definite values such as in class .text-container width: 250px & in class .qr_code width: 250px --- height:250px, It's better to give them percentage values in relative to size of container for better responsive design.

• Adding up with previous point, If you need to assign a value to an element , you could check on and use clamp ( ) method in your coding for font-size, width, etc., So your designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.

• you'd like to wrap the image inside DIV for better design & code control.

Hope you find this Useful & Helpful.

Other than that, Really Nice work & keep Going on.

Greetings @M'I'E, 👋🏻

Fantastic progress on embarking on the journey toward your dream!

I'm thrilled to see your engagement with this platform to enhance your design skills. However, I have a brief recommendation regarding your commit messages. Consider adopting some conventions such as this; it will prove beneficial in your future career, especially when collaborating with teams.

Hope you find this valuable! 😇

Keep up the outstanding work, and enjoy your coding journey! 🚀