Uppgift: Skapa en uppslagsverkskälla

I denna uppgift ska du skapa en uppslagsverkskälla bestående av två kort. Varje kort ska visa en bild och en beskrivning. Målet är att öva på att skapa funktionella komponenter och skicka data till barnkomponenter med hjälp av props.

Instruktioner:

1. Skapa en Card-komponent som en återanvändbar mall för kort.
2. I Card-komponenten, acceptera följande props:
   • link: URL till bilden för kortet;
   • alt: Alternativ text för bilden;
   • description: Beskrivningstext för kortet.
3. Använd Card-komponenten två gånger i App-komponenten för att skapa två kort med följande innehåll:

Kort 1 (Om solen):

• Bild-URL: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/sun.png
• Alternativ text: Ange en lämplig beskrivning.
• Beskrivning: "Solen lyste starkt och spred ett varmt sken över den fridfulla stranden."

Kort 2 (Om berget):

• Bild-URL: https://codefinity-content-media.s3.eu-west-1.amazonaws.com/code-1/react/introduction-to-react/mountain.png
• Alternativ text: Ange en lämplig beskrivning.
• Beskrivning: "Vandraren betraktade med vördnad det majestätiska berget som reste sig framför dem."

Säkerställ att både Card- och App-komponenterna är korrekt modifierade för att visa korten på rätt sätt.

Här är en startkod med platshållare för dig att fylla i:

1. Samma Card-komponent kan användas för båda korten och deras innehåll styrs via props.
2. För att skicka URL:en som en prop, skapa en prop som heter link och ange URL:en som dess värde. Värdet ska omslutas av dubbla citattecken eftersom det är en sträng.
3. Skapa på samma sätt props för alt och description och ange lämpliga värden.
4. För att använda dessa props i barnkomponenten Card, nå dem med punktnotation eftersom props är ett objekt.