@correlucas
Posted
👾Hello again Marta, congratulations for your new solution!
Your card is already really good, I've only some suggestions regardin the html code and the border-radius.
The border-radius has a strange aspect because you've used percentage, to have a perfect rounded border use instead px or rem. Try to replace in the container border-radius: 14px to see the difference.
About the html you can reduce a lot of the code removing unnecessary divs, all you need is a single <main> or <div> to keep all the content inside, and nothing more. The ideal structure is the div and only the image, heading and paragraph.
See the structure below:
<body>
<main>
<img>
<h1></h1>
<p></p>
</main>
</body>
👾My rating for this solution: ⭐⭐⭐⭐⭐
👋 I hope this helps you and happy coding!
Marked as helpful
@idlehands1969
Posted
@correlucas Thank you so much for the wonderful advice and the rating! Cheers!
