سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

طراح ریسپانسیو »»  بتوانیم قالب که طراحی میکنیم  برای تمام اسکرین هایی که  هست مثل موبایل  خوب باشه و کاربرامون برای استفاده اش مشکلی نداشته باشن همچنین گوگل وب سایت هایی که ریسپانسیو رو رعایت میکنن رو برای سئو شون خوب درنظر میگیرد  

البته بعضی وب سایت‌ها مثل دیجی کالا میان و  طراحی ریسپانسیو رو رعایت نمیکنن به جاش یک اپ موبایل میزنن و کاربرا رو ترغیب میکنن که برا استفاده برن سمت اپ موبایلش 

MediaQury  شبیه به شرط‌های برنامه نویسی هستند 

@Media not|only mediaType and|not|only {
( media Feature ) {
  .my-code { ...  }
 }
}

@Media screen  and ( min-witdth : 500px ) and ( max-witdth : 700px ) {
.heaing {
  padding : 20 px 
 }
}
@Media screen  and ( witdth : 500px ) {
.heaing {
  padding : 20 px 
 }
}

Grid-system »»  که در سیستم استاندارد امروزی 12 ستونی هستش  همچنین طراحی ریسپانسیو باید بر حسب درصد باشد  که هر ستون ما می‌شود 8.33 درصد از container کلی مون هستش