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

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...