main front-body article {
  padding: 1rem;
background-color: white;
background-color: #f9f7f0;
background-image: url(../img/noise.png);
background-size: 125px 125px;
box-shadow: 0 0 0 1px #fafafa, inset 0 0 0 1px #eaeaea;
}


main front-body {
  display: block;
  display: grid;
  grid-template-columns: repeat(auto-fill, [col-start] minmax(300px, 1fr) [col-end]) ;
  grid-gap:1rem;
}

front-body article h2 {
  font-weight: normal;
  margin: 0.5rem 0;
  font-size: 150%;
  line-height: 1.1;
}
front-body article aside {
  text-transform: uppercase;
}

front-body blog-summary {
  display: block;
}

@media (max-width: 750px) {
  main front-body {
    display: block;
  }
}