Diseño de plantilla con HTML5 y CSS3

Plantilla básicaa Básica maquetación en HTML5 Y CSS3 adaptable para dispositivos moviles 

Código HTML

Código CSS

/ * DISEÑO DE LA PAGINA * /
body {
 background-color: blanco;
 Margen: 2%;
}
# Encabezado, # menú, # secion-director, # secio-lateral, # pastel-pagina {
 padding: 2 em 1 em;
}
# Secion-director, # secio-lateral, # pastel-pagina {
  display: inline-block;
  float: left;
  cuadro-dimensionamiento: Caja de fronteras;
}
#encabezado {
 background-color: # F7BE81;
 altura: 80px;
}
#menu {
 background-color: # A4A4A4;
 text-align: left;
 altura: 15px;
}
# Secion-director {
 ancho: 60%;
 background-color: # 67BB97;
 min-height: 400px;
}
# Secio-lateral {
 ancho: 40%;
 background-color: # 93BCC4;
 min-height: 400px;
}
#articulo {
 background-color: #DDDEDE;
 min-height: 100px;
 margin-bottom: .5em;
}
#entrada {
 background-color: #DDDEDE;
 min-height: 60px;
 margin-bottom: .5em;
}
# Pastel-pagina {
 background-color: # 666;
 width: 100%; 
 altura: 80px;
}

DESCARGA Otro código