Design comparison
Solution retrospective
i am not sure that how i write my classes, in page than have few elementes i dont know if are advisable use class and id or only use selectors.
Community feedback
- @agusc01Posted over 2 years ago
Hola Jóse... siendo de México y de nombre hispano imagino que hablas español....
Con respecto a tu consulta de selectores, si usar clases , ID's o simplemente seleccionar mediante la etiqueta HTML, yo me basaría en la especificidad . El menor peso (0,0,1) lo tiene la etiqueta HTML pero es lo mas genérico , una vez que hagas p { propiedad:valor} se aplicara a todas las párrafos, lo mejor desde mi insignificante experiencia seria usar selectores de clase ya que es (0,1,0). Luego están los ID que raramente los uso tiene especificidad (1,0,0).
Te recomiendo dos videos de un youtuber español en menos de 25 minutos comprenderás la especificidad y además una metodología llamada BEM .
Especificidad y Metodología BEM
Podes obtener mas información de la BEM en el siguiente link getbem.com.
Esto es solo un comentario de mi parte, yo pondría el <div class="attribution"></div> dentro del <section class="page"> y luego modificaría el css, pasando de .page{ height: 98vh a 100vh}. Además trata de usar medias relativas en lugar de absolutas
Por último no olvides ver las "ACCESSIBILITY ISSUES" , tienes 3 de ellas
- por no tener un <main> que envuelva todo.
- por tener un <section> pero no tener inmediatamente un header <h1 ...h6>
- bueno el tercero no se porque tira el error, pero deberías investigarlo.
Sigue codeando . Saludos !
Marked as helpful1@AlstarjetPosted over 2 years ago@agusc01 muchas gracias por tu comentario, le verdad no sabia que existía eso de ACCESSIBILITY ISSUES, me tope con esta web en una recomendación en facebook pero no terminaba de conocer como funcionaba la plataforma
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