Portafolio sencillo hecho con Flex y SASS

Este es un portafolio sencillo hecho con Flex y SASS. El proyecto 38 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: IDCO

DESAFÍOS

En este proyecto quise reunir de manera de portafolio algunos de los sitios hecho hasta ahorita del reto de hace 100 sitios web para ir mejorando mis habilidades. Con flex separé cada uno de las cajas donde muestra de manera muy sencilla la imagen del sitio y un enlace que te lleva fuera del sitio para ver más detalles.

PROCESO

Paleta de colores y estilos

Paleta de colores: 000000 FFFFFF

Tipografía: Roboto de Google Fonts

Mockup (Bosquejo)

Primero hago el bosquejo en Figma, créanme que esto me ahorra mucho tiempo a la hora de trabajar con la maquetación.

HTML y CSS

En esta parte paso todo a HTML primero, y luego con la ayuda del pre-procesador SASS hago los estilos de manera más rápida y ordenada.

Sitio web responsivo

Una vez que el sitio está terminado, concluyo pasando algunos estilos a media querie para que se pueda ver en aparatos móviles de manera amigable.

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: IDCO

Información técnica

  • Figma
  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS (SASS, Flex)
  • 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....