html , css , flexbox

Hello is great! To center it i can give you a clue. Clear body items and leave there only color and font-size them wrap all html elements from body with a div -> Example: .wraper { display: grid; width: 100%; height: 100vh; justify-content: center; align-items: center; place-items: center; }

Then clear imagen div and leave it with width 350px and border radius 20px and then only adjust all that you want to be fit and nice. Have a nice coding!

HEY FRANCO!

Your solution is close to perfection but I couldn't help but notice that the .container was not centered, a quick fix to this would be to give the body a heght:100vh and then give it a display: grid; and then place-items: center;, this will align the container bother vertical and horizontally.

IF YOU FOUND THIS ANYWAY HELPFUL, DON'T HESITATE TO MARK IT AS HELPFUL :)

HAPPY CODING!