Página responsiva

Good job it almost match the design.

• There is many ways for centering, one of them is to use position css property with transform property. check this code to know how.

/* For vertical centering*/
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

/* For horizontal centering*/
  position: absolute;
  left: 50%;
  transform: translateX(-50%);

/* For both*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

• But first you need to reset margin of <div class="container"> to zero.

• About accessibility:

• Try to replace <div class="attribution"> element by <footer> element.

• I hope this help you.

I used FlexBox to centre... Although, small padding on the paragraph helped me, too.

@eduardozamit use flex in the body tag

    background-color: var(--light-gray);
    font-size: 15px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 1px);
}```
**remove CSS form**
 ```.container {
margin: 12em auto;
}```