VSCode, HTML, CSS

Community feedback

• 

  JEVN-MVRC•160

  @Jean-Marc18Posted over 1 year ago

  Hello Enis67 👋. Congratulations on successfully completing the challenge! 🎉 I have other recommendations regarding your code that I believe will be of great interest to you.

  For HTML :

  i've added '<main>'

  <main>
        <div class="main-body">
          <img src="/images/image-qr-code.png" alt="image-qr-code" />
          <div class="main-text first-main">
            <b>Improve your front-end skills by building projects</b>
          </div>
          <div class="main-text second-main">
            Scan the QR code to visit Frontend Mentor and take your coding skills
            to the next level
          </div>
        </div>
  </main>
  

  For CSS :

  main {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 252px;
  }
  
  .main-body {
      padding-top: 55px;
      background-color: hsl(0, 0%, 100%);
      border-radius: 15px;
      position: relative;
      width: 15rem;
      height: 20rem;
  }
  
  

  0