qr code html and css

Community feedback

• 

  Reuben👾•560

  @RubylenshyPosted about 2 years ago

  Hi, @Ariyoola45 👋. Congratulations on completing this challenge, here are some suggestions to improve your code:

  • The stylesheet and img references should be this:

  <link rel="stylesheet" href="css/styles.css">
  <img src="img/image-qr-code.png" alt="qr code">
  

  respectively.

  • Your <section class="step1"></section> should be a <main></main> tag according to markup rules, hence it shows that its child elements are the main contents of the page.
  • And you can center that same card by adding this to your code:

  .step1{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  

  I hope this helps

  Happy Coding @Ariyoola45

  0