@eremitaito
Posted
i saw your html code, so i'll try to help you organize the code
well, let's begin...
(based on my opinion) you should've created a div class that would include the container (qrcode and text), it's easier to centralize and set the size
<body>
<div class="container">
</div
</body>
then, create a class named "card", this is where the QRcode and text will stay
<body>
<div class="container">
<div class="card">
</div>
</div
</body>
set the image inside the div "card"
<body>
<div class="container">
<div class="card">
<img>
</div>
</div
</body>
still inside the "card" class, create another class, this class will be for the text, so you can work separately
<body>
<div class="container">
<div class="card">
<img>
<div class="text>
</div>
</div>
</div
</body>
add the text and add a class for the h2, so you can work separately
<body>
<div class="container">
<div class="card">
<img>
<div class="text">
<h2 class="Title">Improve your front-end skills by building projects</h2>
<p>Scan the QR code to visit Front Mentor and take your coding skills to the next level</p>
</div>
</div>
</div>
</body>
Separating some codes within containers can help you work better with specific things