HTML CSS solution

Community feedback

• 

  Antoine•220

  @Antoine-FloPosted almost 4 years ago

  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 !

  0
• 

  Onyekwere Precious•755

  @Yellow-MayPosted almost 4 years ago

  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.

  0