Correccion del ejercicio 1

Puntaje: 7/10

Evaluación y razones:

1. Estructura HTML (4/4)

Cumple con los requisitos del ejercicio: tiene un <div> contenedor, una <img>, un <h1>, un <p> y un <button>.

La estructura es clara y ordenada.

2. Estilos CSS (3/6)

✅ border-radius: Aplicado correctamente en la tarjeta y en la imagen.

✅ box-shadow: Implementado correctamente para dar efecto de elevación.

✅ text-align: center: Funciona bien para centrar los elementos.

❌ Falta el hover en el botón, que era un requisito.

❌ No hay margen entre los elementos, lo que hace que el contenido parezca muy junto.

❌ La tarjeta no es completamente adaptable; en pantallas pequeñas podría beneficiarse de max-width: 100% en lugar de un ancho fijo.

Mejoras sugeridas:

1. Agregar hover al botón:

button:hover {

background-color: #555;

color: white;

}

2. Añadir margen a los elementos internos:

h1, p, button { margin-top: 10px; }

3. Hacer que la tarjeta sea más adaptable:

.tarjeta { max-width: 90%; }

Con estas correcciones, tu código llegaría a un 9/10.