Práctica de Grid – Layout Grid III

Este es un ejercicio sencillo para practicar CSS Grid, el proyecto 34 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Grid Layout III

DESAFÍOS

Encontré esta imagen de grid en Pinterest y quise replicarlo para seguir practicando grid, como ven tiene bastantes cajas lo cuál puede ayudar para seguir practicando el uso de grid. Con combinación del uso de texto e imágenes.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFD649 3776D2 1C488F A1E1E1 15191B FFFFFF

Tipografía:

Merriweather de Google Fonts

Mockup (Bosquejo)

HTML y CSS

Sitio web responsivo

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Grid Layout III

 

Información técnica

• Visual Studio Code
• HTML5 (Semántico)
• CSS (Grid)
• SASS
• Sitio responsivo
• Github
• Netlify

Recursos

Pexels

• Aidan Roof
• Daria Shevtsova
• Soloman Soh
• Valdo Paunovic
• Sora Shimazaki

Icons

Feather Icons

Deja tus comentarios y sugerencias.