Ejercicio básico de CCS

🎨 Ejercicio 1: Diseña una tarjeta de presentación con CSS

📌 Planteamiento:

Diseña una tarjeta de presentación para un perfil personal. La tarjeta debe cumplir con los siguientes requisitos:

• ✅ Tener un fondo gris claro y bordes redondeados.
• ✅ El nombre de la persona debe aparecer en negrita y centrado.
• ✅ Debe incluir un texto de descripción en cursiva debajo del nombre.
• ✅ Al pasar el mouse sobre la tarjeta, el fondo debe cambiar a un tono más oscuro.

👉 **Escribe el código CSS necesario para cumplir con este diseño.**

✅ Modelo de solución CSS:

.card {
  background-color: #f0f0f0;
  width: 300px;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
  transition: background-color 0.3s ease;
}

.card h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

.card p {
  font-style: italic;
  color: #555;
}

.card:hover {
  background-color: #d9d9d9;
}
    

🎯 Claves de este ejercicio:

• 📍 Uso de selectores básicos para dar estilo a diferentes elementos.
• 📍 Aplicación de propiedades visuales como color, padding, border-radius.
• 📍 Introducción a transiciones y efectos hover.

📥 Descargar archivo modelo