/index.html

@media
- @media (شرط) { قواعد }
- max-width: 600px ← 600 أو أقل
- min-width: 900px ← 900 أو أكتر
- القواعد جوه بتكسب لأنها تحت
@media (max-width: 600px) {
.cards {
flex-direction: column;
}
}
@media (max-width: 600px) {
.cards {
flex-direction: column;
}
}