Profile Card

Community feedback

• 

  juan-mentor•290

  @juan-mentorPosted 2 months ago

  • Hola Lucielub tengo algunas reflexiones que ofrecerte, si me lo permites:

    • La estructura de tu código es prácticamente perfecta. La única duda es si deberías haber utilizado la etiqueta <nav class ="LinksContainer">...</nav> en vez del <div class= "LinksContainer">...</div>.

  • Gracias a tu código he aprendido a utilizar el atributo role y aria-label de forma correcta.

  • Además es escalable y muy legible, con clases muy descriptivas que no hace falta ningún comentario o explicación de que hace cada elemento.

  • Hay algo que siempre me ha parecido algo contradictorio y es el hecho de resetear estilos, para luego poner margins y paddings a los elementos. No es una crítica, más bien es una reflexión que me hago cuando lo veo plasmado en un código.

            * {
                 margin: 0;
                 padding: 0;
           }
           .
           .
           .
           element1 {
                   margin-button: 1rem;
           }
          
             element2 {
                   padding: 2rem;
           }
          
  

       - La verdad es que no puede estar mejor hecho, es sencillo, legible y reutilizable.
  

  ###Enhorabuena, buen trabajo.

  Marked as helpful

  0

  ---

  

  lucielub•120

  @LucieLuBPosted 2 months ago

  Hola @juan-mentor,

  Gracias por tu comentario. Tienes razon, podria haber usado la etiqueta <nav> en vez de un simple <div> ya que semanticamente se puede considerar como un menu de navegation :)

  Es una reflexión interesante y válida. La razón principal de usar un 'reset' o 'normalize' es para establecer un punto de partida consistente entre todos los navegadores, ya que cada uno aplica estilos predeterminados diferentes. Al resetear, eliminamos esos valores por defecto para que no interfieran, y luego podemos aplicar los márgenes y paddings de manera controlada y consistente, según las necesidades de diseño. Es más una cuestión de controlar los estilos de forma explícita, en lugar de confiar en los valores predeterminados que pueden variar. Pero sí, parece un poco paradójico a primera vista, ¡hasta que te sumerges en los detalles de compatibilidad entre navegadores!

  Muchas gracias de nuevo :)

  0

  

  juan-mentor•290

  @juan-mentorPosted 2 months ago

  @LucieLuB

  Hola LucieLub:

   Gracias por tu explicación sobre el reseteo de los estilos, es que 
   me llamaba mucho la atención el hecho de que en muchos 
   códigos que veía, lo hacían. No sabía el porque ( sobre todo porque únicamente veo mi proyecto en un solo navegador).
  
  A partir de ahora lo visualizaré en varios (lo veía en firefox) para ver esas diferencias. Quizás por eso lo veía ilógico. Perdona por mi ignorancia. A partir de ahora, lo haré como tú.
  

  Muchas gracias por tu comentario.... seguiré aprendiendo.

  0

  

  lucielub•120

  @LucieLuBPosted 2 months ago

  @juan-mentor un placer, todos estamos aquí para seguir creciendo disfrutando :)

  0