.weather-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.weather-grid .card { padding: 12px; margin: 0; font-size: .82rem; }
.weather-grid p { margin: .45rem 0; }
@media (max-width: 430px) {
  .weather-grid { grid-template-columns: 1fr; }
  .weather-grid .card { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; }
  .weather-grid .card strong { grid-column: 1 / -1; }
}