QR code challenge using HTML and CSS

Community feedback

• 

  Kuraanal•210

  @KuraanalPosted over 1 year ago

  You don't actually need all your divs.

  using flex you can have the following structure

  <div class="card">
  <img src="assets/images/image-qr-code.png" alt="QR Code to scan" class="card__picture">
  <h2 class="card__title">Improve your front-end skills by building projects</h1>
  <p class="card__text">Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
  </div>
  

  and it will all be aligned with the following css

  .card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  }
  

  Hope this help you.

  0