/laboratorio-2-html

Primary LanguageHTMLMIT LicenseMIT

Bootcamp JS 2 - Laboratorio Módulo 1 - HTML

Primeros pasos

  • Clonar el proyecto.
  • Instalar las dependencias con npm install.
  • Ejecutar npm run dev.
  • Abrir el navegador en el puerto http://localhost:5173/

Resultado

1. Mobile first: hasta 920px

Captura de pantalla 2024-05-11 a las 22 38 11

2. Tablet y desktop: desde 921px

Captura de pantalla 2024-05-11 a las 22 43 24

Observaciones

  • Incluí algunos estilos y transiciones para el estado hover de algunos elementos
  • Añadí algunas mejoras de accesibilidad en el html
  • Decidí usar flexbox porque controlo mejor los elementos con sus propiedades que con grid aunque intentaré replicar el ejercicio con grid más adelante