Hello!
Although I was using bootstrap, it was a bit difficult making the QR code image curved, and maybe a little more curved for the card. But all in all, I think I did well. It was a small little practice challenge.
Thank you for taking your time in seeing my code!
Hello Mgamboa, good work!
You can change an Element Border by using the border-radius CSS property.
<div class="card col-3 shadow p-3 mb-5 bg-body rounded" style="width: 18rem; margin-top: 10%; padding-top: 1%; border-radius: 25px;">
<img src="./Assets/images/image-qr-code.png" class="card-img-top " alt="FrontEnd QR Code" style='border-radius: 25px;'>
<div class="card-body">
<h5 class="card-title" style="font-weight:700;">Improve your front-end skills by building projects</h5>
<p class="card-text" style="font-weight:400;"> Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
</div>
</div>
This would be the code if you like using inline CSS, you can add those to the CSS file using Class Selectors, you can also select the HTML element using for example: