Profile card with flex box

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  Congratulations well done. There are a few things that you can fix.

  • Your html structure can be fixed by doing this

  <main>
  <div class="card">
  <div class="card-top">
  ### here you can add the image for the top of the card and the user picture
  </div>
  <div class="card-bottom">
  ### here you can add the user information
  </div>
  <div class="card-footer">
  ### here you can add the stats
  </div>
  </div>
  </main>
  

  • In the CSS add this to the body

  body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  

  You can use position to center the user picture in the center of the card. See if you can fix this and if you need any help, let me know

  0