Ejercicio maquetado con HTML y estilizado con CSS Grid

Este es un ejercicio maquetado con HTML y estilizado con CSS Grid, el proyecto número 24 del reto personal #100sitioswebchallenge.

Puedes visualizar el sitio en: Art Grid

DESAFÍOS

Este fue un proyecto com 12 imagenes distintas para acomodarlas com CSS Grid, recursos grátis como Unsplash me permiten hacer la creación de diferentes proyectos y esto me permite seguir practicando

PROCESO

Paleta de colores y estilos

Paleta de colores: 000000 101010 444444

Tipografía:

Titillium Web de Google Fonts

HTML y CSS

Este es el proceso de la maquetación con HTML y posteriormente trabajo los estilos con CSS Grid

Sitio web responsivo

El sitio se ve de esta manera em móviles

Publicación del sitio

Puedes visualizar el sitio en: Art Grid

Consulta el código del sitio en Github

Información técnica

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

Recursos

Unsplash

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