#home-articles .articles-container {
  grid-template-columns: repeat(2, 1fr);
}

#home-articles .articles-container > article:last-child {
  grid-template-columns: 1fr;
  grid-column: 1 / span 2;
}

@media (max-width: 600px) {
  #top-title h3 {
    font-size: 1.5rem;
  }

  #top-title h1 {
    font-size: 2.5rem;
  }

  #top-title p {
    font-size: 1rem;
  }

  #home-articles .articles-container {
    grid-template-columns: 1fr;
  }

  #home-articles .articles-container > article:last-child {
    grid-template-columns: 1fr;
    grid-column: 1;
  }

  #home-articles .articles-container > article:last-child h2 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }

  #home-articles .articles-container > article:last-child ul li {
    text-align: left;
    font-size: 0.9rem;
  }
}