@media (max-width: 600px) {
 .course-block .course-period { grid-template-columns: max-content 22px max-content; justify-content: center; column-gap: 20px; }
}
@media (max-width: 350px) {
 .course-block .course-period { column-gap: 12px; }
}