@rmartin93
Posted
I would focus on simplifying the html and css. You shouldn't need as many p tags as you have, and you're making a lot of things display flex when a text-align center would be just fine.
Example html simplification
<div class="marco">
<div class="card">
<div class="card-image">
<img src="./images/image-qr-code.png" alt="QR">
</div>
<div class="card-body">
<h2 class="oscuro">Improve your front-end skills by building projects</h2>
<p class="frontend">scan the QR code to visit frontend mentor and take your coding skills to the next level</p>
</div>
</div>
</div>
From there, it shouldn't take much CSS to make the h2 and p tag look how you want. I would try just using text-align and play with that a bit.
Happy coding!
Marked as helpful