Ejercicio CSS 6

📦 Ejercicio 6: Tarjeta con sombra y bordes redondeados

📌 Planteamiento:

Diseña una **tarjeta (card)** que se vea moderna y limpia:

• ✅ Debe tener **fondo blanco** y bordes redondeados.
• ✅ Incluye una **sombra sutil** para que resalte del fondo.
• ✅ Dentro de la tarjeta coloca un **título, texto y una imagen pequeña**.
• ✅ Añade **espaciado interno (padding)** para que el contenido no esté pegado a los bordes.

👉 Escribe el **CSS necesario** para dar estilo a un div con clase .tarjeta.

✅ Modelo de solución CSS:

.tarjeta {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  padding: 20px;
  max-width: 300px;
  margin: 20px auto;
  text-align: center;
  font-family: Arial, sans-serif;
}

.tarjeta img {
  width: 80px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.tarjeta h3 {
  margin: 10px 0;
  color: #333;
}

.tarjeta p {
  color: #666;
  font-size: 14px;
}
    

🎯 Claves de este ejercicio:

• 📍 Cómo usar box-shadow para dar profundidad.
• 📍 La importancia de padding para mejorar la legibilidad.
• 📍 Diseño moderno usando bordes redondeados y alineación de contenido.