Basic CSS & HTML QR Challenge

hi sefa, nice work 🙂 if you want could be improved a bit.

to remove the default styling of different browsers, you can use some css reset code top of the your css page like below.

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
}
img {
display: block;
box-sizing: border-box;
}

In this way, you will get rid of the unnecessary scrollbar on the page.

then you can change the image size width:100% for responsive preview. also adding an image alt tag will be useful for accessibility.

additionally you can use <main> as parent tag instead of div and use one h1 tag for heading.