Capítulo 6 Ejercicio Responsive Web Design

A partir del siguiente sitio web, y utilizando una estrategia "Mobile First", adaptarlo para que se visualice de manera correcta en un dispositivo smartphone y en una tablet. Se pide:

  • Identificar la disposición de los elementos para cada una de las resoluciones.
  • El diseño actual es una estructura de anchos fijos. El nuevo diseño se debe basar en una estructura de rejilla flexible.
  • Las imágenes que acompañan a los post, deben mostrarse de manera correcta, sin exceder el tamaño de su contenedor.
  • [Opcional] Aplicar propiedades CSS 3 para los fondos, bordes redondeados, tipografías, animaciones...

Descargar ficheros fuente

Índice de contenidos