In other words, you can make some child elements flexible and others fixed, which makes for considerably more complex layouts using only a fraction of the code you'd need to do that using pure CSS 2.

CSS3 Flexible Box Layout is a spec that's still changing but it's useful for resizing elements to fit different size pages. The flexible layout demo isn't very exciting, but it shows two columns ...

Listing 2 specifies a flex layout with the flex Tailwind class. It also specifies the justify-content: space-between; style with justify-between and justify-items: center; with items-center.

Mozilla recently released Firefox 65, and with it came several new features in DevTools. The release last week introduced better ways to master CSS layouts with its new Flexbox Inspector. “We ...