CSS-HEADERS

Este proyecto se centra en exhibir una serie de estilos de encabezados (headers) creados hasta la fecha. Cada encabezado está maquetado con HTML5 y estilizado con CSS3, utilizando el preprocesador de estilos Sass. Además, se incluye un entorno de desarrollo utilizando Node.js para simplificar el proceso de compilación y gestión de dependencias.

Pasos para utilizar el proyecto:

1. Clonar el Repositorio.
2. Abrir en tu Editor de Código: Abre el proyecto en tu editor de código preferido, como Visual Studio Code.
3. Iniciar el Servidor Local: Utiliza la extensión "Go Live" en Visual Studio Code o cualquier otro método para iniciar un servidor local y ver el proyecto en tu navegador web. Dado que ya está compilado, no es necesario realizar ninguna compilación adicional ni instalar dependencias.

Headers Responsivos:

Ten en cuenta que los headers no son completamente responsivos. Consulta el README de cada header para conocer el tamaño de pantalla en píxeles recomendado para una visualización correcta.

Como adaptar los pixeles de tu pantalla al abrir el proyecto

1. Visualiza el Proyecto con "Go Live": Inicia el servidor local utilizando la extensión "Go Live" en Visual Studio Code o la herramienta que prefieras. Abre el proyecto en tu navegador web.

2. Ajusta el tamaño de la ventana del navegador: Una vez en el navegador web, hacer "click" en el botón derecho del ratón y escoger la opción de "inspeccionar".

   

3. Seleccionamos e introducimos el tamaño recomendado del header en la pestaña marcada:

   

4. Y por ultimo el header se adaptara al recuadro de la pagina automaticamente para ser visualizado!

Entorno de Desarrollo:

Este proyecto ya se encuentra compilado, por lo que no es necesario instalar dependencias ni ejecutar comandos de compilación. Simplemente utiliza "Go Live" para visualizar el proyecto en tu navegador.

Contribuciones

¡Las contribuciones son bienvenidas! Si tienes ideas para nuevos estilos de encabezados, mejoras o correcciones, sigue estos pasos:

1. Haz un fork del proyecto.
2. Crea una nueva rama.
3. Haz commit de tus cambios.
4. Haz push a la rama.
5. Abre un Pull Request.

Licencia

Este proyecto está bajo Licencia. Ver el archivo LICENSE para más detalles.

¡Gracias por visitar mi proyecto!