<style>
.grid-container {
  display: grid;
  /* 7 equal columns of 1 fraction of the available space on desktop */
  grid-template-columns: repeat(1fr); 
  gap: 15px; /* Spacing between columns */
}

.grid-item {
  border: 2px solid #ccc; /* Border around each column */
  padding: 20px;
  background-color: #f9f9f9;
}

/* Mobile Responsive */
@media (max-width: 400px) {
  .grid-container {
    /* Changes to 1 column on screens smaller than 768px */
    grid-template-columns: 1fr; 
  }
}

</style>
