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

Submitted

3-column-preview-card-component

FedeSimbron• 100

@FedeSimbron

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

Solution retrospective


aprendiendo cada vez mas, cualquier error que encuentren seria de mucha ayuda

Community feedback

@Enmanuel-Otero-Montano

Posted

Hola FedeSimbron!

Un par de sugerencias. Creo que eliminado las etiquetas figure, eliminando el section y poniéndole su clase al main y cambiando los divs de las tarjetas por etiquetas articles o section con la misma clase que tienen los divs hubieses logrado el mismo resultado, pero con menos código y más semántico.

Tal vez parezca una tontería, pero en proyectos más grandes se notan estos pequeños detalles, en la rapidez con que se carga la página, la facilidad que tendrá tu código para leerlo. Recuerda que el navegador tiene que leer el código antes de mostrarlo al usuario y por otro lado más estructurado se lee mejor que uno con un montón de divs.

Saludos. Mantente codificando.🦾🦾🦾

Marked as helpful

0

FedeSimbron• 100

@FedeSimbron

Posted

@Enmanuel-Otero-Montano muchas gracias, tendre todo en cuenta para la proxima

1
Matheus Dumont• 390

@Dumont19

Posted

Muy bien. Simplemente olvidaste el efecto hover en los botones y poner en tus párrafos los mismos colores que los fondos de las placas correspondientes.

Marked as helpful

0

FedeSimbron• 100

@FedeSimbron

Posted

@Dumont19 listo, arreglado muchas gracias

0

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