History

scheals d6e658d0ef Make solution fit the self-check		2022-01-24 12:42:43 +01:00
..
images	rename directories	2021-08-24 12:22:46 -05:00
solution	Make solution fit the self-check	2022-01-24 12:42:43 +01:00
README.md	Fix punctuation and grammar in Flex READMEs	2021-10-04 10:19:36 -07:00
desired-outcome.png	Make solution fit the self-check	2022-01-24 12:42:43 +01:00
index.html	rename directories	2021-08-24 12:22:46 -05:00
style.css	Fixed Typo, accidental 2nd ; on align-items	2021-11-19 11:24:14 -07:00

README.md

A very common website feature

The goal of 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

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.