tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
odin-default-css-exercises/flex/04-flex-information
History
Satika Jayawardena 62d09b3adf
Fix typo in 04-flex solution: extra semicolon 		2022-02-23 23:04:41 +08:00
..
images rename directories 2021-08-24 12:22:46 -05:00
solution Fix typo in 04-flex solution: extra semicolon 2022-02-23 23:04:41 +08: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

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.