Tarea: Crear una Fuente de Enciclopedia

En esta tarea, crearás una fuente de enciclopedia compuesta por dos tarjetas. Cada tarjeta mostrará una imagen y una descripción. El objetivo es practicar la creación de componentes funcionales y el paso de datos a componentes hijos utilizando props.

Instrucciones:

1. Crear un componente Card como plantilla reutilizable de tarjeta.
2. En el componente Card, aceptar las siguientes props:
   • link: La URL de la imagen para la tarjeta;
   • alt: El texto alternativo para la imagen;
   • description: El texto descriptivo para la tarjeta.
3. Utilizar el componente Card dos veces en el componente App para crear dos tarjetas con el siguiente contenido:

Tarjeta 1 (Sobre el Sol):

• URL de la imagen: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/sun.png
• Texto alternativo: Proporcionar una descripción adecuada.
• Descripción: "El sol brillaba intensamente, proyectando un cálido resplandor sobre la tranquila playa."

Tarjeta 2 (Sobre la Montaña):

• URL de la imagen: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/mountain.png
• Texto alternativo: Proporcionar una descripción adecuada.
• Descripción: "El excursionista contemplaba asombrado la majestuosa montaña que se alzaba ante él."

Asegúrate de que tanto los componentes Card como App estén modificados adecuadamente para mostrar las tarjetas correctamente.

Aquí tienes un código inicial con espacios reservados para que los completes:

1. Se puede utilizar el mismo componente Card para ambas tarjetas y controlar su contenido mediante props.
2. Para pasar la URL como prop, crea una prop llamada link y proporciona la URL como su valor. Encierra el valor entre comillas dobles ya que es una cadena de texto.
3. De manera similar, crea props para alt y description y proporciona los valores correspondientes.
4. Para utilizar estas props dentro del componente hijo Card, accede a ellas usando notación de punto ya que props es un objeto.