Check it out , also leave some comments below for improvement or just your opinion , maybe there's a better way to the things i did. All will be appreciated thanks :)
You've done well! I've started working on this one too.
I think you could adjust the styling for the smaller breakpoint so the text doesn't overflow on 375px mobile screens. I only looked briefly but instead of a fixed 400px width you could try 100% for that media query, adjusting margin/padding as needed.
Nice work @zizi-ayman, I just finished this challenge recently too.
I'm a beginner so keep that in mind - but it seems like if a percentage value on the border-radius is used, the curve won't be perfectly circular. So if you use a fixed value (like px) the curve should be perfectly rounded.
So updating this from 4% to something like 16px will make it pixel-perfect.
div {
border-radius: 4%;
div {
border-radius: 16px;
I hope that helps and well done.