QR code desktop & mobile view using HTML & CSS.

hey @ajchinasa , nice work congrats... on completing this project I would like to suggest you something to improve your code

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

.main { /* position: relative; / / top: 110px; / width: 220px; display: block; / margin: auto; */ text-align: center; background-color: hsl(0, 0%, 100%); padding-top: 10px; border-radius: 10px; }

footer { /* display: flex; / / align-items: center; / / justify-content: center; / / position: relative; / / top: 150px; */ font-size: .8rem; }

hope it adds up to your knowledge..

It would be great to use semantic tags than the div, because semantic tags improve the accessiblity.

You can also try :root in the css to define the colors at the start of the file then you can use var() to call the color.