I mentioned the first of these videos when it was first published at Web Designer Depot. The second one has come out now and I wanted share them both here, rather than just adding them as useful links. They are good tutorials and I think the two of them together would make a nice classroom experience and introduction to flexbox.
I’ll repeat my note about the vendor prefixes, since this technique doesn’t work in all browsers yet. Note that the order of the properties they use should put the actual property last after the vendor prefixes are listed. Like this:
If I were using this in a classroom exercise, I would couple it with less generic containers for the various parts of the content – the tutorials use divs for everything. HTML5 sectioning elements with ARIA landmark roles would be a good replacement for the divs.