الطريقة الصحيحة لجعل قالب بلوجر متجاوب و متوافق مع شاشات الهواتف و الاجهزة اللوحية الذكية

 @media screen and (max-width : 1280px) {
/* CSS CODE HERE FOR DESKTOP ---*/

}

@media screen and (max-width : 1024px) {
/* CSS CODE HERE FOR TABLETS ---*/

}

@media screen and (max-width : 768px) {
/* CSS CODE HERE FOR SMALL TABLETS ---*/

}

@media screen and (max-width : 640px) {
/* CSS CODE HERE FOR IPHONE ---*/

}

@media screen and (max-width : 480px) {
/* CSS CODE HERE FOR SMARTPHONES ---*/

}

@media screen and (max-width : 320px) {
/* CSS CODE HERE FOR SMALL MOBILES ---*/