.blogList {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    
    justify-content: center;
    align-items: start;
  }
  
  body.blog-page > header > #headerContents > p > br {
    display: none;
  }
  
  .blogList li h3 {
    margin-top: 1rem;
    color: #333333;
  }
  
  .blogList li > p {
    font-size: 0.9em;
    margin-bottom: 1rem;
  }
  
  .blogList img {
    width: 100%;
    border: 0.05em solid #e0e0e0;
  }

  @media screen and (min-width: 650px) {
    .blogList {
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 2em;
    }
  }