اگه جای دو مدیا رو عوض کنم، ستون های من تغییر میکنه !!!! چرا
یه چیز دیگه، چجوریه که اگه من مثلا background-color بدم به یکی از مدیا ها، باتوجه به اینکه مدیا دیگه ای رو بروزر داره اجرا میکنه، باز هم رنگ اعمال میشه!؟
کد HTML:
@media screen and (min-width: 40em){
section.cards{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.cards article{
display: flex;
flex: 0 1 calc(50% - 1em);
background-color: red;
}
}
@media screen and (min-width: 60em){
section.cards article{
flex: 0 1 calc(34% - 1em);
}
}