.grid-container {
  display: grid;
  /* Creates as many 250px columns as fit, expanding to 1fr if space allows */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  padding: 1rem;
  background-color: #f0f0f0;
}

.grid-item {
  background-color: white;
  border: 1px solid #ddd;
  padding: 20px;
  text-align: center;
  font-family: sans-serif;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}