Crear la página principal de un sitio Web y que se adapte a diferentes tipos de pantallas (Responsive Web Design).
Forma de trabajo:Esta práctica se desarrollará de manera individual.
Desarrollo:A continuación se propone la estructura de las diferentes secciones de la página principal de tamaño Desktop (es sólo una guía, no tiene que ser necesariamente así):
Aquí se muestra el mismo código pero ejecutado en una pantalla del tamaño de una tableta:
Aquí se muestra nuevamente el mismo código pero ejecutado en una pantalla del tamaño de un celular:
Aquí se encuentra el código de una página con código responsivo, el cual puede servir de guía para hacer esta práctica.
Una vez terminada las secciones y los puntos de quiebre construir toda la página principal
Aquí se muestra como ejemplo la página de xumarhu.net a tamaño escritorio:
Aquí se muestra como ejemplo la página de xumarhu.net a tamaño tableta:
Aquí se muestra como ejemplo la página de xumarhu.net a tamaño celular: