Cacher is the code snippet organizer for pro developers

.grid {
  display: grid;
  
  /* fixed width for 2nd column: bad for narrow mobile screens */
  grid-template-columns: 1fr 624px 1fr;
  
  /* use minmax() for 2nd column to be more responsive for mobile screens */
  grid-template-columns: 1fr minmax(0, 624px) 1fr;
  
  /* have content set to auto-fit */
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}