HTML + CSS + media query

I have also used the @import option to import the font in the .css file. @import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap');

It is less code to write and it makes sense to have the font import inside the global .css file. If you would like to use the same font on different html pages, you would have to import them on each page.

Hi Adann, congrats for an excellent job! It is a simple project but you did really well. I would suggest removing this line from your css file: max-width: 1440px; It affects the body tag from your index.html file. And the result is that on larger screens (I have a width of 5120px on my desktop) your QR card component is not horizontally aligned. Only after I resize the browser window to 1440px or less, the card looks centred horizontally. Thank you

It doesn't have a main section and a role landmark. All of the rest is good and well implemented. The code is well-structured and readable. Nice project!