.posts-list {
  list-style: none;
  margin: 0;
  padding: 0;

  display: grid;
  grid-gap: 60px 30px;

  /* three-column layout: */
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;

  /* two-columns on small screens: */
  @media (max-width: 900px) {
    grid-template-columns: 1fr 1fr;
  }

  /* one-column on tiny screens */
  @media (max-width: 550px) {
    grid-template-columns: 1fr;
  }

  & li {
    margin: 0;
    padding: 0;
  }

  & a {
    display: block;
    text-decoration: none;
    color: inherit;
  }

  & img {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    border: 0.25rem solid #fff;
    border-radius: 3px;
    max-width: 600px;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 3/1;
  }

  & .post-title {
    position: relative;
    padding: 15px 0px 5px 0px;

    &::before {
      position: absolute;
      left: 0;
      top: 0;
      content: ' ';
      display: block;
      width: 35px;
      height: 0.25rem;
      background-color: #fff;
    }
  }
}