CSS Flexbox

Use of flexbox ensures that elements behave predictably when the page layout must accommodate different screen sizes and different display devices.

Disadvantages: Does not work in IE10 and earlier.

CSS Flexbox — Structure map

Clickable & Draggable!

CSS Flexbox — Related pages: