20 lines
686 B
Markdown
20 lines
686 B
Markdown
# A very common website feature
|
|
|
|
This exercise is to recreate a section that is found on many informational websites.
|
|
|
|
For this one you will need to edit the HTML a little bit too. We can't be making things _too_ easy for you. You'll want to add containers around the various elements so that you can flex them. Good luck!
|
|
|
|
## Desired outcome
|
|
|
|
![desired outcome](./desired-outcome.png)
|
|
|
|
### Self Check
|
|
|
|
- All items are centered on the page (horizontally, not vertically)
|
|
- Title is centered on the page
|
|
- 32px between the title and the 'items'
|
|
- 52px between each item
|
|
- Items are arranged horizontally on the page
|
|
- Items are only 200px wide and the text wraps
|
|
- Item text is centered
|