Mozilla’s FirefoxDevTools group has built a tool for examining CSS Flexbox layouts, called Flexbox Inspector. The tool helps developers understand the sizing, positioning, and nesting of Flexbox elements

[ Go deeper: How to get started with WebAssembly. • What’s next for WebAssembly. • 8 projects that give WebAssembly a lift • So, What’s next for WebAssembly, exactly? | Keep up with hot topics in programming with InfoWorld’s App Dev Report newsletter. ]

CSS Flexbox Layouts, or CSS Flexible Box Layout, is a CSS module defining a CSS box model optimized for user interface design, with the layout in one dimension. It is growing in popularity for building dynamic page layouts. With the flex layout model, children of a flex container can be laid out in any direction and “flex” their sizes, growing to fill unused space or shrinking to avoid overflowing the parent.

To read this article in full, please click here