All solutions

Thank you for your feedback. This is my second coding challenge and I feel glad with myself. However, I have some doubts ...

• I had to set overflow:hidden; to my <main> because the container bled through the border, and so, the border-radius wasn't working properly.
• Also, I struggle to understand how I should style my body size, specially when it comes to responsiveness. What is the best practice? Min-heights, min-widths, max-heights, max-widths, widths and heights with px or vw/wh??? I really don't know what's the most effective way to style and center the size of my body. Thank you in advance for taking a look at my code, it's much appreciated!

I struggled with the circles in the background, at the end I chose them to be background images but I think another proper solution would have been to put them in the body of the html and style them with position, however I couldn't achieve what I wanted because the circles overlapped onto the card and also they messed up the responsiveness. Any ideas? Thank!