Ejercicio hecho con CSS Grid

Este es un ejercicio donde se presenta un diseño estilo Bauhau, maquetado con HTML y estilizado con CSS Grid. El proyecto número 23 del proyecto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Bauhaus Grid

DESAFÍOS

Fue divertido hacer esta cuadrícula inspirada en el diseño y colores Bauhaus. Em este proyecto no usé container que generalmente es el que uso para darle los espacio laterales. Es interessante lo que CSS Grid te permite hacer.

PROCESO

Paleta de colores y estilos

Paleta de colores: 25282F B93E37 2952BA D1AC39 FFFFFF

Tipografía:

Titillium Web de Google Fonts

HTML y CSS

Primero empezamos con la maquetación del sitio con HTML y posteriormente los estilos con CSS Grid.

Sitio web responsivo

Y por último queda el sitio listo para móviles.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Bauhaus Grid

Información técnica

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

Recursos

Flutter Layout Grid

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