
Design comparison
SolutionDesign
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MaximilianoDanielGarcia
Hola Iván, buen trabajo!
Tengo unas pequeñas sugerencias para mejorar tu desarrollo.
- Para que se vea centrado sólo te falta agregar
min-height: 100vh;
a los estilos delbody
. - La fecha calculada debería estar alineada a la izquierda. Para hacerlo sólo debes reemplazar la propiedad
margin: 0 auto;
(esto hace que se centre) que tenés en.results p
y agregarle un espaciado para que no se pegue al contenedor, algo así:
.results p { padding-left: 60px; /* margin: 0 auto; quitar */ }
- Agrega
cursor: pointer;
al botón principal.
Otro detalle que noté es que no hay validaciones en los inputs. Podrías utilizar inputs de tipo
number
que te permiten restringir el rango de números válidos. Te dejo este link que contiene ejemplos muy útiles de cómo utilizarlo.Espero esto te sea de ayudar. Saludos!
Marked as helpful - Para que se vea centrado sólo te falta agregar
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord