Cómo crear una cabecera fija responsive con HTML y CSS

Hace un tiempo hice un tutorial explicando cómo crear una cabecera fija o estática con HTML y CSS y es momento de revisitar ese contenido y darle una actualización.

En esta nueva versión, lo haremos a modo de video y además incluiremos las instrucciones necesarias para hacer que esta cabecera sea responsive, o sea, adaptable a los diferentes tamaños del navegador.

Algunos enlaces relacionados:

• Curso diseño web con HTML y CSS desde cero
• Cómo crear una cabecera fija con HTML y CSS
• Unidades de medida en CSS (Px, Porcentajes, Em y Rem)

Aquí tienes algunos indicadores por si quieres saltar directamente a alguna de las secciones del video:

• 0:00 Introducción
• 1:04 Preparando los archivos base
• 2:39 Escribiendo el código HTML base
• 10:15 Escribiendo el CSS base
• 24:00 Haciendo que la cabecera esté fija
• 28:10 Haciendo la cabecera responsive
• 37:43 jQuery para abrir cerrar el menú
• 43:43 Conclusion y despedida

Si seguiste este tutorial, te invito a dejar un enlace a el proyecto que hayas creado, para poder mirarlo y que otros colegas también puedan verlo.

Hasta la próxima.

Un abrazo,
@FranciscoAMK