@media(min-width:768px){
  .course-grid{grid-template-columns:repeat(2,1fr)}
  .teacher-masonry{grid-template-columns:repeat(2,1fr)}
  .employment-grid{grid-template-columns:repeat(2,1fr)}
  .dash-cards{grid-template-columns:repeat(4,1fr)}
  .event-bento{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .course-grid{grid-template-columns:repeat(3,1fr)}
  .teacher-masonry{grid-template-columns:repeat(3,1fr)}
  #app-main{max-width:1024px}
}
@media(min-width:1200px){
  #app-main{max-width:1200px}
  .modal-sheet{border-radius:var(--radius-lg);margin:24px auto}
  .modal{align-items:center}
}