.block-grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 10px;
}
.block-grid li {
  flex: 0 1 98%;
  margin: 0 1% 30px;
  padding: 10px;
  background: #eeeeee;
}
.block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}
@media (min-width: 600px){
  .block-grid-1-2-3 li {
    flex: 0 1 48%;
    padding: 10px;
  }
}
@media (min-width: 800px){
  .block-grid-1-2-3 li {
    flex: 0 1 31.3333%;
    padding: 10px;
  }
}