Results summary component

Community feedback

• 

  Paweł Chudecki•860

  @SoulRvr29

  Posted about 2 years ago

  You can center your .container in a better way. Add to body:

  body{
  min-height: 100vh;
  display: grid;
  place-content: center;
  }
  

  or if you want to use flexbox:

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

  Then you can remove in .container margin: 95px 400px and position: fixed. Also remove the properties in .attribute, you don't need them.

  Avoid setting elements to a fixed height. The width is better to be set with max-width. Good luck, and happy coding!

  11

  Marked as helpful