Esta es la segunda tarea del entrenamiento de CSS / Sass.
La página fue construida mobile-first, me di cuenta al finalizar la página, que no pensé en contruir el estilizado con medidas fijas para escritorio, no implementé esa solución luego de darme cuenta, porque ya me había tomado bastante tiempo el problema con la MBP de la oficina, y esto requería reescribir gran parte del markup, pero actualmente sé cómo implementar una página de ese estilo con medidas fijas para escritorio.
Para la mayoría de cosas en la página, se maneja flexbox, hay algunos casos, en los que por conveniencia, se utiliza CSS Grid, pero como fue especificado en los requerimientos del entrenamiento, se hizo uso de flexbox para la responsividad del sitio. Todo el estilo, fue escrito en SCSS, pero hay un directorio llamado Sass en el cual se encuentran los estilos en ese formato.
La estructura en la cuál me basé para escribir los archivos, es SMACSS, que es un estándar de estructura para CSS, de manera que permite que la aplicación sea escalable. Ya que es mi primera vez utilizando este estándar, me di cuenta de que se puede mejorar mucho la estructura implementada en el proyecto reemplazando los archivos parciales, por carpetas con diversos componentes, los cuales son exportados por un parcial de Sass; similar a como se maneja la estructura en React.
El tiempo aproximado de construcción del sitio, fue de 20 horas, tomando en cuenta que decidí reescribir el sitio, a mitad de proyecto.
2018 - Victor Requena