أهلاً! الكروت دي جنب بعض. على الكمبيوتر حلو، بس على الموبايل هتبقى رفيعة جداً. عايزين على الموبايل ينزلوا تحت بعض.
/index.html
@media
  • @media (شرط) { قواعد }
  • max-width: 600px ← 600 أو أقل
  • min-width: 900px ← 900 أو أكتر
  • القواعد جوه بتكسب لأنها تحت
@media (max-width: 600px) {
  .cards {
    flex-direction: column;
  }
}