@media (max-width: 640px) {
  .home-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  #main-nav .nav-card.grid-mode {
    text-align: center;
  }

  #main-nav .nav-card.grid-mode .card-icon,
  #main-nav .nav-card.grid-mode .card-label {
    text-align: center;
  }
}