
Design comparison
Please log in to post a comment
Log in with GitHubCommunity feedback
- @R3ygoski
Hola Mauricio, felicidades por completar este desafío, quedó muy bien y fiel al diseño propuesto.
Solo quería dar algunas sugerencias, la primera sobre tu HTML, está bien estructurado, pero hay algunas partes que no son semánticas, y la semántica es un tema importante para HTML, ya que aumenta la accesibilidad de tu página. Dos partes que podrían cambiarse:
<div class="blog-card__content">
en lugar de usar un<div>
aquí, podrías considerar usar una<section>
, ya que el contenido aquí presente tiene la misma temática.<div class="blog-card__avatar">
en lugar de usar un<div>
aquí, podrías cambiarlo por un<footer>
, ya que esta parte es el final del contenido de tu tarjeta.
Y el uso de la metodología BEM lo dejó muy organizado, felicidades.
Ahora sobre CSS, noté que utilizaste la unidad de medida rem y también de px, no está mal, pero me gustaría sugerir que uses más rem por razones de accesibilidad, ya que rem se adapta a la configuración de fuente del usuario, siendo más accesible.
De nuevo, felicidades, tu proyecto está muy bien y bien organizado. Si tienes alguna pregunta, por favor comenta abajo y trataré de ayudarte de la mejor manera posible.
Marked as helpful
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