Design comparison
SolutionDesign
Solution retrospective
Un nuevo desafío terminado, espero puedan darme una retroalimentación, gracias con todos.
Community feedback
- @Sdann26Posted almost 3 years ago
¡Hola Ricardo! Te daré algunas recomendaciones que te podrían ayudar a que quede más parecido a los modelos presentados para este reto.
- El titulo de la tarjeta y la parte que dice Annual Plan tambien tienen un color color: hsl(223, 47%, 23%).
- Para el body podrías usar los atributos background-size: contain y background-repeat: no-repeat.
- La descripción de la tarjeta y donde sale el precio tiene cierto grosor que no se esta agregando con font-weight.
- Usar media queries, ya que te dan dos diseños el mobile y el de escritorio. Aunque el de mobile tiene ligeros cambios es bueno tenerlo en cuenta.
- Para eliminar los problemas de accesibilidad en la etiqueta img no olvides agregarle el alt='' o alt='AlgunaPalabraOFraseDeReferencia'. Además de poner todo el contenido del body dentro de una etiqueta semantica como main.
Bueno esas son algunas recomendaciones que podría darte. Te ha quedado bien y me alegra encontrar gente de mi propia lengua nativa, un saludo.
Marked as helpful0 - @rica999Posted almost 3 years ago
Guau amigo, muchas gracias por tu retroalimentación, definitivamente me servirá mucho para los siguientes desafíos. Agradezco tu tiempo en contestarme. Un saludo.
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