En la octava clase del curso de diseño responsive, vamos a adaptar nuestro diseño al segundo salto: el ancho de pantalla de 768px, para tablets.
En esta adaptación seguiremos manteniendo la estructura de la versión de escritorio pero escalaremos muchos de sus elementos y alteraremos la composición de los mismos manteniendo la estructura de 12 columnas.
Veremos como una vez más, gracias a las mesas de trabajo podremos arrastrar los elementos de una a la otra de manera sencilla e iremos colocando los grafismos finales en sus bloques pertinentes. ¡Vamos a ello!
Como veis, el ancho de pantalla nos condiciona en el momento de repartir los elementos y estas decisiones debemos tomarlas desde diseño para que el programador sepa lo que tiene que hacer.
Escalar el teléfono de la parte superior de la web o colocar los iconos encima de los textos son algunos ejemplos. Ahora nos faltará el último salto que implicará la adaptación a dispositivo móvil de nuestro diseño.
Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la intranet. ¡Nos vemos en la siguiente lección! :)