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

Icons

Feather Icons

Deja tus comentarios y sugerencias.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

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 sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...