This project was inspired by work posted in Instragram by a web designer. You can take a look at their work below.
Original Target Design
We got this design from a web developer's post in Instagram. We loved their chart, it's quite nice! We wanted to see if we could make something similar in CSS. Did we do it?! You be the judge!
Study the structure of the code below carefully. Understanding the underlying HTML will help you as you style the page.
You shouldn't have to change anything about the HTML; you just have to complete the styles!
Red
- passion,
- love,
- anger,
- danger,
- warning
Orange
- warmth,
- energy,
- happiness,
- enthusiasm
Green
- nature,
- growth,
- health,
- harmony,
- money
Yellow
- sunshine,
- happiness,
- joy,
- intellect,
- caution
Blue
- calmness,
- trust,
- loyalty,
- wisdom,
- mystery
Purple
- royalty,
- luxury,
- creativity,
- mystery
Pink
- innocence,
- femininity,
- compassion,
- love
Black
- power,
- sophistication,
- mystery,
- evil
White
- purity,
- innocence,
- cleanliness,
- peace
Brown
- earthiness,
- realiability,
- dependability,
- friendliness
Silver
- modernity,
- sophistication,
- industrial,
- cold
Gold
- luxury,
- wealth,
- success,
- prestige,
- glamor