There are no background colours applied to the messages in this example. Look closely at the HTML code for this example. Then open the message-backgrounds.css file and use CSS selectors for id, tag and class names to give each message a different background. Do not edit the index.html file.
- Give the first message a
redbackground color. - Give the second message a
cadetbluebackground color. - Give the third message a
yellowbackground color. - When you are finished, use git to add, commit and push your changes.
Hint: Each message has a unique id, tag or class name that you can use to only target that message.
If you are having trouble, review the Common CSS Selectors. You can find even more examples in this CSS Selectors guide.