Este es un sitio hecho con Flex y SASS con imagen como background. El proyecto número 36 del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Black Coupe
DESAFÍOS
Tenía un tiempo pensando hacer un sitio sencillo que de alguna manera promoviera un carro. Al principio buscaba tal vez un Mustang 64 (mi carro soñado por cierto), pero encontré esta imagen en pexels y por el background que tiene se me hizo que se vería más estético.
En la segunda sección de Features usé flex de dos maneras diferentes, una para que el contenido se separara en fila, y dentro de la segunda fila mostrar el contenido de forma de columna.
Sin duda flex me permite jugar de manera más dinámica con el contenido.
PROCESO
Paleta de colores y estilos
Paleta de colores: FFFFFF 000000
Tipografía: Montserrat de Google Fonts
Mockup (Bosquejo)
Con Figma empiezo a trabajar con el bosquejo del proyecto como puedes ver aquí.
HTML y CSS
Con el bosquejo a un lado ahora empiezo a maquetar el sitio, primero todo en HTML y posteriormente con CSS.
Sitio web responsivo
Y por último me aseguro que el sitio pueda desplegarse de manera responsiva
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Black Coupe
Información técnica
- Figma
- Visual Studio Code
- HTML5 (Semántico)
- CSS (SASS, Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Pexels
Este es un sitio hecho con Flex y SASS con imagen como background. ¿Qué te pareció el sitio? ¿Cómo lo mejorarías?
