Práctica de Grid – Layout Grid I

Este es un sitio presentando una estructura para seguir practicando el uso de Grid, el proyecto número 32 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Grid Layout I

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: 041354 51E6D6 FF834C 4C7AF3 F9F9F9 D4DAE7

Tipografía:

Montserrat 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 I

Información técnica

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

Recursos

Pexels

Michelangelo Buonarroti

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....