Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

VSCode, HTML, CSS

Hieultv 10

@Hieultv

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I do not have.

Community feedback

JEVN-MVRC 160

@Jean-Marc18

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord