#teachers-div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr; 
  gap: 20px;
  padding: 20px;
}
#teacher-div{
    padding: 25px; 
    border-radius: 12px; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    transition: 0.3s; 
    background: #fff;
}
@media (max-width: 768px){
    #teachers-div{
        grid-template-columns: repeat(1, 1fr);
    } 
}