.subjects-box{grid-gap:10px;display:grid;grid-template-columns:repeat(8,minmax(110px,1fr))}.subject{background-color:#fff;border:1px solid #f1f1f1;border-radius:8px;box-sizing:border-box;padding:15px;text-align:left;transition:all .1s ease-in}.subject:hover{background-color:#f8f8f8}@media (max-width:980px){.subjects-box{grid-template-columns:repeat(4,minmax(110px,1fr))}}@media (max-width:600px){.subjects-box{grid-template-columns:repeat(3,minmax(80px,1fr))}}