Design comparison
Solution retrospective
Me costó un poco hacer esto, ya que estoy empezando en el desarrollo Front-end. ¿Me recomiendan algo con lo qué mejorar?
Community feedback
- @WolfMozart8Posted over 1 year ago
Hola En el HTML fíjate que tienes suelto un
<body>
de más (sin su cierre</body>
), HTML generalmente no avisa de este tipo de errores, pero más allá de eso veo todo correcto (me gusta la pequeña animación con hover).Lo único que te podría aportar es que te fijes en el archivo style-guide.md, el cual te da algunos estilos de la página como los colores (usualmente en formato hsl como
hsl(4, 100%, 67%)
), los fonts (generalmente te da una página de google fonts como Roboto), el weight que usan los fonts (400, 700), etc...Además, en el index.html del archivo que descargas ya están escritos los textos originales, para que solo los copies, y no tengas que escribirlo todo.
Así no tendrás que sacar los valores por tu cuenta, además de que el resultado final se verá mucho más similar al diseño original.
Espero que sea de ayuda :)
Marked as helpful2@zuluaga0905Posted over 1 year ago@WolfMozart8 Gran aporte amigo, muchísimas gracias, buscaré eso y lo pondré en práctica para mejorar poco a poco...
1 - @JoseargentinaPosted over 1 year ago
Hola como va? me gusto tu diseño, yo tambien estoy empezando creo que si le pones los textos que trae el proyecto te va a mejorar y le vas a poder sacar un poco de padding a .card y al principio del css le podes dar un reseteo *{ padding: 0; margin: 0; box-sizing:border-box;} te mando un saludo!!
1@zuluaga0905Posted over 1 year ago@Joseargentina A listo amigo, muchísimas gracias, lo tendré en cuenta. Saludos!!!👋
1
Please log in to post a comment
Log in with GitHubJoin 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