Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Qr web componet resposive

@DIegoDevcode

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hola comunidad este es mi primer proyecto de frontend mentor, y tengo una duda: ¿Cómo podría simplificar un poco mas mi código Css?

Community feedback

ezecoder 870

@3eze3

Posted

Hola Juan Diego Sastre Moreno, primeramente, buen trabajo

Veo que quieres simplificar tu Css, en este proyecto no es tan necesario simplificarlo ya que no se usan tantas propiedades. Pero puedes implementar alguna metodología de clases para que te ayude a simplificar tus estilos Css y evitar problemas de especificidad que es algo muy importante.

Como puede ser BEM ( Block , Element, Modifider) ya que puedes contar con:

  • Una mejor estructurá de clases.
  • Reutilización la cual ayuda a simplificar nuestros estilos.
  • Trabajar por módulos.

Y lo bueno de las metodologías es que eventualmente lo puedes unificar con algún preprocesador y alguna arquitectura.

Pero tienes que tener en cuenta que esto no es obligatorio, pero es muy recomendable aplicarlo.

Y en este link puede revisar cómo funciona BEM más a detalle.

Metodologia BEM

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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