Build a Mood Board

freeCodeCamp Support
1

I’m stuck in the last two tasks. I’ve tried all approaches. My code is correct, and the preview displays the exact result it’s supposed to.

My code:

export function MoodBoardItem ({color, image, description}) {

return (

<div className="mood-board-item" style= {{ 
backgroundColor: color

}}>

<img src={image} className="mood-board-image" />

<h3 className="mood-board-text">{description}</h3>

);

}

export function MoodBoard () {

return (

<div>

  <h1 className="mood-board-heading">Destination Mood Board</h1>



  <MoodBoardItem color="green" image="https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg" description="Caribbean" />



  <MoodBoardItem color="blue" image="https://cdn.freecodecamp.org/curriculum/labs/grass.jpg" description="Cape Town" />



  <MoodBoardItem color ="gray" image="https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg" description="Istanbul" />

</div>

)

}

2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.

image
image668×186 6.59 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.