Práctica de Grid – Layout Grid II

Este es un sitio maquetado con HTML y estilizado con CSS Grid, el proyecto número 33 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Grid Layout II

DESAFÍOS

Cuando buscaba algunos ejemplos para hacer un sitio con grid, encontré en este sitio en la esquina derecha un ad donde tenía una pequeña ilustración y me gustó como inspiración para hacer un bosquejo del mismo y practicar grid.

PROCESO

Paleta de colores y estilos

Paleta de colores: 212734 7177E1 EF8559 EEEEF7

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 II

 

Información técnica

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

Recursos

Unsplash

 

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....