Victor Ramos• 40
@rmsvictorz
Posted
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
