ul#blog-grid {
    grid-template-columns: 1fr;
    gap: var(--container-2) ;
    margin-bottom: var(--container);
}

section.main-blog {
    padding: var(--container-2) 0;
}


@media screen and (min-width: 800px) {
  
  ul#blog-grid {
    grid-template-columns:  var(--grid-col);
    gap: var(--container);
  }
}