punkfairie/odin-css-exercises
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update readme

Browse source
This commit is contained in:
Cody Loyd 2021-08-23 14:16:39 -05:00
parent 63a0f43886
commit 35872f7288
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
flex/flex-header-2/README.md
View file

@ -7,15 +7,15 @@ For this one you will probably need to edit the HTML a little bit. Often with fl
This is also the first example where you'll be nesting flex containers inside each other. This is also the first example where you'll be nesting flex containers inside each other.
## Desired outcome ## Desired outcome
As with the last example, this one needs to flex in the middle. As with the last example, this one needs to be flexible in the middle, with items pushed to the left and right.
![png](./desired-outcome.png) ![png](./desired-outcome.png)
![gif](./desired-outcome.gif) ![gif](./desired-outcome.gif)
### Self Check ### Self Check
- everything is centered vertically inside the header - Everything is centered vertically inside the header.
- there is 8px space between everything and the edge of the header - There is 8px space between everything and the edge of the header.
- Items are arranged horizontally as seen in the outcome image - Items are arranged horizontally as seen in the outcome image.
- There is 16px between each item on both sides of the header - There is 16px between each item on both sides of the header.
- Used flex to arrange everything - Used flex to arrange everything.