@HorshawSubmitted almost 2 years ago
Does anyone know why the text overflows the card in the screenshot of my solution? I can change the window size in any direction, but I never get this error on my Vercel hosted version.
Does anyone know why the text overflows the card in the screenshot of my solution? I can change the window size in any direction, but I never get this error on my Vercel hosted version.
its better you put the text in a div then set the width for that div. It will push the rest of the text to the bottom then use text-align:center;
<div class="qr-text">
<p class="head-text">Improve your front-end skills by building projects</p>
<p class="desc-text">Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
</div>
.qr-text {
width: 300px;
text-align: center;
}