Loading repository data…
Loading repository data…
YoniiDev / repository
Este repositorio contiene la solución al desafio "Results Summary Component" de Frontend Mentor. El reto fue resuelto utilizando html, css y sass.
Hello Developers!, Esta es una solución al desafío Results summary component challenge on Frontend Mentor. Los desafíos de Frontend Mentor te ayudan a mejorar tus habilidades de codificación mediante la creación de proyectos realistas.
El reto fue todo un desafío llevarlo a cabo, ya que supone tener un buen criterio de observación para ubicar los elementos según lo exigido por los diseños originales, tanto en versión mobile y desktop.
Contar sólo con los diseños en formato jpg, agrega un grado de dificultad más al desafío para poder estimar los tamaños de los textos y las medidas de los elementos y de los espacios entre ellos, para lo cual, en esta ocasión, me apoye con el programa Paint para lograr estimar estas medidas. Por esta razón, al momento de comparar el desafío terminado con el diseño real, permita pequeñas variaciones en los espaciados, tamaño de elementos y textos.
Este link lo rediccionará al sitio web de Frontend Mentor, donde podrá visualizar el reto y además ver un cuadro comparativo entre el reto terminado y el diseño real.
En este link visualizará el reto finalizado.
Durante el desarrollo de este desafío, reforcé el conocimiento de las propiedades de margin y padding de CSS, comprendiendo aún más sobre el funcionamiento y el comportamiento de ambas, bajo ciertas condiciones.
En el siguiente link podrá visualizar mi perfil de Frontend Mentor. En el cual encontrará los retos que he realizado hasta el momento. Al seleccionar un reto terminado, podrá comparar en una ventana el reto realizado con el diseño original. Dado que los retos son realizados con los archivos jpg, permita pequeñas variaciones en los espaciados, tamaño de elementos y textos, al momento de comparar.