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