/webResponsive_example

modulo-1-evaluacion-final-Lourdesjupo created by GitHub Classroom

Primary LanguageSCSSMIT LicenseMIT

Web Responsive Mobile first

Este ejercicio consiste en crear una página web responsive basada en un diseño proporcionado.

Ver ejercicio

image

Tecnologías

🔸HTML
🔸CSS
🔸Saas
🔸GULP + Starterkit proporcionado por Adalab
🔸GitHub Pages

Puntos Claves

✅ Diseño mobile first
✅ FlexBox y CSS grid
✅ Uso de media queries

Especificaciones del ejercicio

📍Estructura básica:

  • Incluir botón menú burguer fijado.
  • Utilizar FlexBox y Css Grid.
  • Linkar menú footer.

💫Bonus

  • Incluir animaciones en los hover de los botones.
  • Incluir alguna transición.

Arranque del proyecto

Para arrancar el proyecto, descarga el repositorio y ejecuta la siguiente línea en tu terminal, para instalar la carpeta node modules.

npm install

Para poder visualizar la página en el navegador ejecuta:

npm start

En la carpeta src puedes encontrar los archivos del desarrollo del proyecto En la carpeta docs se encuentran los archivos subidos en GitHubPages.