odin-default-css-exercises/flex/flex-information/README.md

19 lines
654 B
Markdown
Raw Normal View History

2021-08-23 17:18:56 +00:00
# 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
- Title is centered on the page
- 32px between the title and the 'items'
- 52px between each item
- Items are arranged horizontally on the page
2021-08-24 13:08:34 +00:00
- Items are only 200px wide and the text wraps
- Item text is centered