@Sdann26
Posted
El proyecto esta bien logrado!
Solo dos detalles es el titulo de la card no le corresponde al color del diseño y si lo cambias a un h1 al generar un nuevo reporte te saldrán 0 errores.
Por cierto yo centraria la card usando flex en el body. Osea le quitaría a main todo el margen y le agregaría a body las siguientes propiedas:
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
gap: 1.5em;
En teoría centro todo al medio, hago que su dirección sea columna para que el agradecimiento del proyecto salga abajo de la card, con el gap hago la separación entre los elementos de la columna y con el min-height le doy un tamaño mínimo para que siempre se centre al medio de la pantalla.
Y solo eso, felicitaciones por haber acabado este reto IsNeonPlay!
Marked as helpful
@IsNeonPlay
Posted
@Sdann26 Muchas gracias por comentar! La verdad al principio tenia pensado en usar Flex en el body para centrar, pero senti que era "más codigo" aunque es mucho mejor tu recomendación. Y en el titulo no me di cuenta del color y creía que el h1 iba a quedar más grande. Pero muchas gracias por las recomendaciones las aplicaré en proximos retos!
@Sdann26
Posted
@IsNeonPlay si al final el tema de etiquetas siempre usalo por lo semantico no tanto por como es el diseño porque al final el diseño siempre se puede editar con CSS. :D
@traceurmaycon
Posted
@Sdann26 Exactly what I thought. Just use font-size on <h1>.
