أهلاً! في الدرس اللي فات كتبنا للكمبيوتر، وصلّحنا للموبايل بـ max-width. النهارده هنعكس التفكير… ونبدأ بالموبايل.
/index.html
Mobile First
  • الأساس = الموبايل
  • min-width للأكبر
  • كود أقل وأوضح
  • الموبايل مابيحملش حاجات مش محتاجها
/* موبايل */
.grid { … }

@media (min-width: 600px) {
  /* تابلت */
}