.cards{display:grid;gap:1rem}.card{overflow:hidden;transition:.2s ease}.card:hover{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.card img{width:100%}.card-content{padding:8px 12px}.card-content h3{margin:0 0 8px}.card-content p{margin-bottom:0}@media only screen and (min-width:576px){.cards{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:768px){.cards{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:992px){.cards{grid-template-columns:repeat(4,1fr)}}