CSS del sitio web
En el archivo css/styles.css del ejemplo RECURINFOR, <body> se ha definido de una anchura de 960px, asignándose respectivamente 180px, 620px y 160px a las tres columnas principales: <nav>, <main> y <aside>.
/* body */
body {
color:#000;
font:100% Verdana, Arial, sans-serif;
margin:0 auto;
padding-bottom:1em;
width:960px;
}
body > nav {
float:left;
height:auto;
width:180px;
}
body > main {
float:left;
height:auto;
width:620px;
}
body > aside {
float:left;
height:auto;
padding-top:1em;
text-align:right;
width:160px;
}Como se puede apreciar, en la primera versión de RECURINFOR todavía la web no es responsive, es decir, el contenido no se adapta a la resolución de la pantalla del dispositivo donde se visualice.
EJERCICIO Probar a realizar diferentes cambios, tanto en el archivo "index.html" (textos, imágenes, enlaces...) como en "css/styles.css" (colores, tipos de letra, tamaños...).