Christopher Chard3,087 Points
align-items doesn't have any effect despite identical code to the lesson
Right at the start of the video, I've launched the workspace and previewed it and there's already a difference: Guil's flex-item fills the vertical space initially but mine doesn't.
After applying "justify-content: center;" and "align-items: center;" to .container, the flex-item moves to the horizontal centre but not the vertical centre.
Could this be due to browser differences? I am using IE 11. I have opened it in Safari on my iPhone 4s but the item filled the entire horizontal space so this didn't help me understand it!
Update: I should add that the other two approaches of "align-self: center;" or "margin: auto;" also had no vertical effect.