HTML CSS solution

Hi Petra 👋 Great job it looks nice 😀 As Yellow-May said, you have to center this card, which isn't easy.

You have few solutions for that :

• display the container as grid or flexbox, then center the content with justify-content and align-items.
• apply margin : 0 auto; on your element (but you know that)
• use absolute positioning then => left: 50%; (with transform: translateX(-50%))

All of this techniques has quirks and conditions and you'll have to learn by experimenting 👍 happy coding !

For a first time project, it looks decent Just need better use of positioning to get your card to the centre of the screen preferably using flex-box.

Other than that, Nice work.