html {
  height: 100%;
}

body {
  min-height: 100%;
}

.PwaStatsLogo-indicator {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.PwaStatsLogo:hover .PwaStatsLogo-indicator,
.PwaStatsLogo:focus .PwaStatsLogo-indicator {
  opacity: 1;
}

@supports (display: grid) {
  .Masonry {
    display: grid;
    grid-gap: 1.25rem;
    justify-items: center;
  }

  @media (min-width: 22.5em) {
    .Masonry {
      grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
    }
  }
}

.Masonry > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.Masonry > * + * {
  margin-top: 1.25rem;
}

@supports (display: grid) {
  .Masonry > * + * {
    margin-top: 0;
  }
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.PwaStatsLogo-indicator {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.PwaStatsLogo:hover .PwaStatsLogo-indicator,
.PwaStatsLogo:focus .PwaStatsLogo-indicator {
  opacity: 1;
}

@supports (display: grid) {
  .Masonry {
    display: grid;
    grid-gap: 1.25rem;
    justify-items: center;
  }

  @media (min-width: 22.5em) {
    .Masonry {
      grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
    }
  }
}

.Masonry > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
  width: 100%;
}

.Masonry > * + * {
  margin-top: 1.25rem;
}

@supports (display: grid) {
  .Masonry > * + * {
    margin-top: 0;
  }
}

Set default width of Masonry children
Set default width of Masonry children

Makes sure cards show up at 100% width when they're on their own row.

See: #78
