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

20 lines
686 B
Markdown
Raw Normal View History

2021-08-23 10:18:56 -07: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
2021-09-08 17:43:56 -07:00
- All items are centered on the page (horizontally, not vertically)
2021-08-23 10:18:56 -07:00
- 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 06:08:34 -07:00
- Items are only 200px wide and the text wraps
2021-09-08 17:43:56 -07:00
- Item text is centered