Design comparison
Solution retrospective
La parte del manejo de los tamaños, el padding, el margin, pero al final creo que pude conseguirlo. Igual de todas formas, si alguien quisiera hacerme un feedback sobre algo que podrías quizás mejorar bienvenido sea.
Community feedback
- @DavidMorgadePosted about 2 years ago
Buenas Jorge, muy buen trabajo con CSS y el HTML de tu componente te quedo excelente!
Como consejo te diría que cuando tengas dos items de flex y quieras separarlos (me refiero al
main
y elfooter
), en vez de utilizarmargin-top
omargin
utilicesgap
en el elemento padre donde pusiste el flex (en este caso sería en elbody
), así que añadiendogap: 1rem
conseguirias el mismo efecto que usando margin!, esto es un pequeño cambio que apenas influye en nada, pero te lo digo para que lo tengas en cuenta en futuros proyectos!Además de eso lo unico que cambiaría es tu heading con la clase
card__title
, este sería el heading principal por lo tanto deberías de usar directamente unh1
, ya que cualquier página html necesita siempre tener un tagh1
Espero que mi feedback te sea de ayuda, buen trabajo y yo creo que ya deberías empezar a hacer proyectos más complejos!
Marked as helpful0@jlmunozfdevPosted about 2 years ago@DavidMorgade Otra vez gracias por el feedback. No me había fijado en ese detalle del h1, pensé que lo había puesto. Por otro lado, en cuanto al gap; revisaré un poco la documentación para empaparme más del tema. ¡Gracias nuevamente!
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