Skip to content

JoaquinEscobarDev/Desafio3-media-query.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🚗 Electric Car Store

Proyecto realizado como parte del Desafío 3 - Media Query.
El objetivo es practicar CSS Grid, Flexbox y Media Queries para construir un layout responsive.

📌 Requerimientos cumplidos

  1. 2 Layouts (Mobile y Desktop)

    • Mobile: menú superior con ícono hamburguesa y productos en 1 columna.
    • Desktop (>=576px): menú lateral con logo, productos en 4 columnas.
  2. Uso de CSS Grid

    • grid-template-areas define la disposición de las 4 secciones en mobile y desktop.
  3. Uso de Flexbox

    • Distribución interna en el menú, filtros y footer.
  4. 4 Secciones principales

    • Menú de navegación
    • Filtros de búsqueda
    • Sección principal de productos
    • Pie de página

🖥️ Tecnologías utilizadas

  • HTML5
  • CSS3 (Grid, Flexbox, Media Queries)
  • Font Awesome (para íconos)

📱 Vista del proyecto

  • Mobile: productos en una sola columna con menú hamburguesa.
  • Desktop: menú lateral fijo con logo, productos en grilla de 4 columnas.

About

Desafio 3 del modulo CSS Avanzado de desafio latam Desarrollo FullStack.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published