.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* Three equal-width columns */
  gap: 20px; /* Adjust the gap between columns (optional) */

  /* Additional styles for better mobile experience (optional) */
  /* For example, if you want the columns to stack vertically on smaller screens */
}

.column {
  /* Add any styles you want for the columns here */
}

/* Media query for screens with maximum width of 768px (adjust as needed) */
@media (max-width: 768px) {
  .container {
    grid-template-columns: 1fr; /* One column for mobile view */
  }

  /* Additional styles for better mobile experience (optional) */
  /* For example, you might want to increase the font size or remove the gap */
}