Más sobre cómo convertir nuestro blog a responsive

   Hoy quiero dirigiros a dos lugares que os ayudaran  en esa tarea tan aparentemente dificil de transformar vuestros blogs  en responsives, es decir que se adapten a cualquier tipo de pantalla, móvil, tablet. 
Google ya nos ha puesto en antecedentes de que penalizara a aquellas webs o blogs que no se adapten a los nuevos tiempos.

Adelantaros, primero que no es tan complicado y segundo que hay dos tramos fundamentales para lograrlo:

1.  Vuestras imágenes deben estar en porcentaje, para lograrlo sin demasiadas complicaciones este pequeño código en vuestro html en la zona de los estilos ayudará bastante a minimizar la tarea:




img {

height: auto;

max-width: 100%;

}




2.  Después este tipo de codigo obrara al final el milagro:






@media(min-width:[Resolución Minima]) and (max-width:[Resolución Máxima]){

    [Cualquier selector CSS y sus propiedades]

}


En este magnifico blog hay mas información sobre el tema.




Y en este otro hay una demostración practica de como aplicar todo esto, paso a paso:

Espero que os sea de utilidad