results summary component using flex-box

Community feedback

• 

  hitmorecode•6,340

  @hitmorecodePosted over 1 year ago

  Nice well done. Just a few tips

  • If you use flexbox on the body with min height you can place the card in the middle of the page.

  body {
    font-family: 'Hanken Grotesk', sans-serif;
    /* add these changes to the body, to place the card in the middle of the page */
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .parent-component {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  /*   margin-top: 5%; */ /* you can remove this line, flexbox will do the job */
  }
  

  Marked as helpful

  1

  ---

  

  Ali•50

  @bluesky1992-webPosted over 1 year ago

  Thanks a lot @hitmorecode for the feedback I will consider these changes certainly

  0