Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hola Federico!

El diseño realmente te ha quedado bien hasta donde he revisado, sin embargo hay un tema respecto al boton Lean More. En este caso yo recomiendo en ves de usar una etiqueta button usar la etiqueta a, el motivo es que por lo general las páginas que tienen este tipo de boton suele ser un link que te redirige a otra sección de la página u otra página. Usar botones por lo general es para interactividad en la misma página por ejemplo al enviar un formulario, sección de filtros de busqueda o cambiar de tema oscuro a claro, etc.

Otra cosa si usas link con el atributo href="#" ya que no lo redirigiras a ningún lugar verifica que el diseño te quede igual si no me equivoco al pasar el cursor por encima su fondo se vuelve transparente en ves de blanco y conserva el borde blanco ahí sale en la carpeta de design.

Buena suerte!

Marked as helpful

0

@Lartweib

Posted

@Sdann26 No me percate de que habia capturas por el diseño del hover del button. Luego lo corrijo. Muchas gracias Danilo!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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