Design comparison
Solution retrospective
no estoy seguro si utilice las mejores practicas al construir este proyecto
Community feedback
- @rmsvictorzPosted over 1 year ago
Tu solución está excelente David solo tendría una sugerencia para ti, en tu código css, deberías reemplazar todas las unidades de
px
que es una unidad de medida absoluta porrem
que es una unidad de medida relativa, esto hará que tu sitio se adapte proporcionalmente en los casos en lo que el usuario requiera un texto mas grande. elfont-size
por defecto es de16px
por lo que1rem
equivale a16px
, si cambias elfont-size
en la etiquetahtml
por ejemplo a20px
ahora1rem
equivale a20px
aunque lo mas recomendable es dejar el valor por defecto. Existen extensiones de vs code que hacen la conversión del valor automáticamente o puedes hacerlo manualmente dividiendo la cantidad depx
que deseas asignar, entre en valor delfont-size
dehtml
que dijimos que por defecto, el16px
por ejemplo... quieres asignar unmargin-top
de35px
a tuh1
lo que debes hacer es dividir el valor a asignar35px
entre el valor por defecto16px
que sería un total de2.1875
y este sería el valor enrem
que asignaras a tumargin-top
quedandomargin-top: 2.1875rem
y de esta manera deberías reemplazar todas tus medidas en pixelesMarked as helpful0@davidG199Posted over 1 year agogracias por tu comentario, lo implementare en el codigo!
0
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