.schoolSite { display: flex; flex-wrap: wrap; gap: 1rem;}
.schoolSite li { width: calc((100% - 2rem) / 3); border: 1px solid #ccc; border-radius: 1rem; padding: 1rem; text-align: center; overflow: hidden; }
.schoolSite li strong { display: block; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px dashed #ccc; font-size: 0.8rem; }

@media (max-width:560px){
    .schoolSite li { width: calc((100% - 1rem) / 2); }
}