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

20 lines
739 B
Markdown
Raw Normal View History

2021-08-23 10:18:56 -07:00
# A very common website feature
The goal of this exercise is to recreate a section that is found on many informational websites.
2021-08-23 10:18:56 -07:00
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).
- The title is centered on the page.
- There is 32px between the title and the 'items.'
- There is 52px between each item.
- The items are arranged horizontally on the page.
- The items are only 200px wide and the text wraps.
- The item text is centered.