Latest solutions
- Submitted about 1 month ago
Recepta con listas y tabla
- HTML
- CSS
No he sabido aplicar el espaciado entre los números de la lista
Latest comments
- @SubrinaSharminSubmitted about 1 month ago@nereahmPosted about 1 month ago
Buen trabajo aunque añadiría mas espaciado en ciertos lugares y establecería mismo tamaño de la fuente. Además en el html añadiría la etiqueta <main>
Marked as helpful0 - @Celio-HDSubmitted about 2 months ago@nereahmPosted about 2 months ago
Este código está bien estructurado, pero se pueden hacer algunas mejoras como usar enlaces <a> en lugar de <button>: Los botones están siendo utilizados para navegar a otros sitios web. Aunque funciona, es más semántico usar elementos <a> (enlaces), ya que son más adecuados para la navegación.
Marked as helpful0 - P@ernur-burshakSubmitted 2 months agoWhat are you most proud of, and what would you do differently next time?
I am proud to continue my studies at Frontend mentor and glad that I have completed the second project, next time I want to continue my studies and improve my skills for Frontend
What challenges did you encounter, and how did you overcome them?I had difficulties using fonts, and the discord community helped me with that.
What specific areas of your project would you like help with?I need help adapting the screen for a mobile phone without using media queries
@nereahmPosted about 2 months agoMuy buen trabajo, es prácticamente igual. Únicamente añadir que podrías usar <article> porque estás creando una tarjeta que representa un contenido independiente y autocontenido
0 - @nicocappellaSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
I have written in pure html and css which i haven't been working in a long time.
@nereahmPosted about 2 months ago-
Semantic HTML: El uso de elementos semánticos como <div> es bueno, pero sería ideal envolver el contenido en <main>, <header> y <footer> para una mejor estructura y accesibilidad.
-
Accesibilidad: Falta el atributo alt en la imagen. Añadir una descripción como alt="QR code for Frontend Mentor project" mejorará la accesibilidad. Además, usar más landmarks como <main> ayudaría a los usuarios con tecnologías asistivas.
-
Layout en diferentes tamaños de pantalla: El diseño es flexible, pero podrías ajustar un poco más el tamaño de los textos y márgenes en pantallas muy pequeñas (menos de 480px) para evitar que se vean apretados.
-
Código y reusabilidad: El código es claro y bien estructurado, pero considera simplificar algunas clases para mayor legibilidad y reutilización.
-
Diferencias con el diseño: El diseño se mantiene bien, pero revisa los márgenes, alineaciones y tamaños de imagen para asegurar que se ajusten al diseño original.
0 -