Design comparison
Community feedback
- @Sdann26Posted over 2 years ago
Hola Santos!
Respecto al maquetado del proyecto esta 10/10, pixer perfect!
Ahora cuando termines un reto, frontend mentor siempre te generá un reporte de retos el cual debes revisar para poner eliminar todos los posibles errores de HTML y de accesibilidad.
En tu caso los errores de accesibilidad de debe a que no tienes la etiqueta <main> que debe englobar todo el contenido principal de tu flujo así como <nav> sirve para contener los enlaces de navegación y <footer> para el pie de página. Entonces haz el siguiente página:
- Cambia
<div class="main-container">
por<main class="main-container">
. - Cambia
<div class="attribution">
por<footer class="attribution">
.
Tambien cambia
<h2 class="main-h2">Improve your front-end skills by building projects</h2>
por<h1 class="main-h2">Improve your front-end skills by building projects</h1>
, el motivo principal es que tambien debes tener un solo h1 por página que funciona como el titulo principal así los h2 como subtitulos del h1 y así sucesivamente.Y bueno si puedes investiga sobre metodología BEM para le nombramiento de tus clases, siempre es bueno manejar alguna metodología.
Espero que mis comentarios sean de ayuda, cualquier cosa me puedes consultar por aquí.
Marked as helpful0 - Cambia
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