.cards {
max-width: 77.5%;
margin: 126px auto;
display: grid;
gap: 1rem;
}
@media (width >=600px) {
grid-template-columns: repeat(2, 1fr);
@media (width >=900px) {
grid-template-columns: repeat(3, 1fr);