odin-default-css-exercises/flex/flex-information
Cody Loyd a7067c9b9c add info solution 2021-08-24 08:08:34 -05:00
..
images add header-2 2021-08-23 12:18:56 -05:00
README.md add info solution 2021-08-24 08:08:34 -05:00
desired-outcome.png add header-2 2021-08-23 12:18:56 -05:00
index.html add header-2 2021-08-23 12:18:56 -05:00
solution.css add info solution 2021-08-24 08:08:34 -05:00
solution.html add info solution 2021-08-24 08:08:34 -05:00
style.css add header-2 2021-08-23 12:18:56 -05:00

README.md

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

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
  • Items are only 200px wide and the text wraps
  • Item text is centered