div.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;grid-auto-rows:1fr;padding:0 20px}div.cards>a.card{display:block;background-color:var(--active-background-color);transition:var(--background-animation);overflow:hidden;padding:0 20px}div.cards>a.card:hover,div.cards>a.card:active{background-color:var(--active-hover-backgroud-color)}div.cards>a.card>h3{text-align:center;color:var(--body-color);margin-block:.45em}div.cards>a.card>h4{text-align:center;color:var(--body-color);margin-block:.6em}@media screen and (max-width:779px){div.cards{grid-template-columns:1fr};}@media screen and (min-width:780px) and (max-width:1279px){div.cards{grid-template-columns:1fr 1fr};}