Basic CSS & HTML QR Challenge

Community feedback

• 

  Bilal Türkmen•340

  @bilalturkmenPosted over 1 year ago

  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.

  1