Actividad 2: Coloca la franja gris inferior
Profesor: Javier López
Volver
Descargar html de base
Actividad 1
Actividad 2
Actividad 3
Resultado final
Solucionador

Actividad 2: Coloca la franja gris inferior
Esta segunda actividad se basa en colocar una barra gris debajo del <footer> modificando un poco los pasos que hemos seguida en la actividad anterior en la que colocábamos una barra gris debajo del <header>, aunque con algunas diferencias debido a su ubicación:

Así, en esta segunda actividad los requisitos que deberías tener en cuenta son:

  1. Ajusta el contenido del <footer> para que esté alineado a la izquierda con el resto de elementos.
  2. Coloca una franja gris (#313B44) debajo del <footer>.
  3. La barra gris debe ocupar el 100% del ancho del navegador (sea cual sea), pero el contenido debe estar alineado con las cajas que tiene encima.
  4. Establece el borde superior con un grosor de 6 píxiles y un un color negro.
  5. Establece una separación interior entre el contenido y el borde superior del <footer>.
  6. Cambia el color del texto a blanco.
  7. No cabe decir que la franja gris debe estar debajo del contenido del <footer>.
  8. Y tampoco cabe decir que el <footer>, junto con su barra gris tiene que estar al final de la página.