Sitio web sencillo de nutrición (Flex, SASS). Parte del reto personal #100sitioswebchallenge este es el sitio número 40.
Puedes visualizar el sitio en: Nutri Portfolio
DESAFÍOS
De los últimos 10 proyectos este es el último practicando Flex y SASS. Como podrán ver el inicio del sitio es un poco convencional comparado con el resto del sitio, ya que jugué un poco con el posicionamiento del menú. Esto me permitió seguir practicando el uso de Flex para cuando quiero acomodar bloques de contenido de manera horizontal o vertical.
PROCESO
Paleta de colores y estilos
Paleta de colores: 44D8B7 FFC038 F9F9F9
Tipografía: Roboto de Google Fonts
Mockup (Bosquejo)
Este es sólo el bosquejo de la idea de cómo quería que se viera.
HTML y CSS
Una vez que el bosquejo está listo, ahora procedo a materializarlo en HTML y CSS (SASS).
Sitio web responsivo
Y por último el sitio queda listo para ser visto en aparatos móviles.
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Nutri Portfolio
Información técnica
- Figma
- Visual Studio Code
- HTML5 (Semántico)
- CSS (SASS, Flex)
- Sitio responsivo
- Github
- Netlify
Recursos
Pexels
Deja tus comentarios y sugerencias
