1

Uso de FLEXBOX y CSS GRID en proyectos reales como examen de un curso en un intituto en Lima-Perú - ISIL

¡Buenos días!

Comparto 2 proyectos cargados en GITHUB en donde he aplicado GRID y FLEXBOX en diversas partes de la página, ambos proyectos fueron hechos por mi persona como prueba de un curso de la carrera de Desarrollo de Sotware de un intituto en Lima-Perú llamado ISIL:

  1. Proyecto basado en Nintendo (demo: https://raulsr92.github.io/evaluacion2-ISIL-Nintendo_inspiration/)
  • Uso de flexbox dentro de una card de producto
CARD-flex.png
  • Dentro de ese contenedor flexbox anterior, utilicé flexbox en uno de los hijos
CARD-flex2.png
  • Uso de flexbox en la sección 1 del footer
    FOOTERseccion1-flex.png

  • Uso de css grid en la sección 2 del footer
    FOOTERseccion2-GRID.png

📌Repo: https://github.com/raulsr92/evaluacion2-ISIL-Nintendo_inspiration


  1. Proyecto basado en FUNKO (demo: https://raulsr92.github.io/evaluacion3-ISIL-Funko_inspiration/)
  • Uso de grid de la barra de navegación
Funko-navbar-grid.png
  • Uso de flexbox en un hijo del grid
    Funko-navbar-flexinterno.png

  • Uso de flexbox en la sección 1 del footer

Funko-footer-sec1-flex.png
  • Uso de grid en la sección 2 del footer
    Funko-footer-sec2-grid.png
  • Uso de grid en un hijo grid de la sección 2 del footer
    Funko-footer-sec2-gridinterno.png

📌Repo: https://github.com/raulsr92/evaluacion3-ISIL-Funko_inspiration

Escribe tu comentario
+ 2