QR-code-component, html and css basics

Community feedback

• 

  Victor Ramos•40

  @rmsvictorzPosted over 1 year ago

  Hola! tu card quedo genial, solo tengo un par de recomendaciones para ti, podrías poner

  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: cente;
  

  a tu body para centrar tu card en la pantalla y eliminar la barra de challenge para darle mas estética a tu componente.

  Lo segundo, sería que cambies las unidades de medida en tu codigo css de px a rem, esto ayudara con la adaptacion de los tamaños de fuente para quien requiera texto mas grande, al principio es un poco tedioso, pero es muy importante para la accesibilidad, una manera muy sencilla de hacerlo es dividir los pixeles que quieras poner entre 16 y pones el resultado en rem ejemplo...

  font-size: 20px
  

  divides 20/16 que sera 1.25 y le asignas esas medida a font size

  font-size: 1.25rem
  

  Deberías hacer esto para todas las unidades en pixeles que implementes en tu css

  0