@media (max-width: 900px) {
  main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .top-bar {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 680px) {
  .grid-2,
  .grid-3 {
    grid-template-columns: 1fr;
  }
}