Angular Layout provides a sophisticated API using Flexbox, CSS Grid, and mediaQuery. This module provides Angulardevelopers with component layout features using a custom Layout API, mediaQuery observables, and injected DOMflexbox-2016 and CSS Grid stylings.

The Layout engine intelligently automates the process of applying appropriate CSS to browser view hierarchies.This automation also addresses many of the complexities and workarounds encountered with the traditional, manual,CSS-only application of Flexbox CSS.

Angular Layout is a pure-Typescript Layout engine; unlike the pure CSS implementations published in otherFlexbox libraries and the JS+CSS implementation of AngularJS Material Layouts.

• This implementation of Angular Layout is independent of Angular Material (v1 or v2)
• This implementation is currently only available for Angular (v4.1 and higher) applications

One of the hardest features to implement is a grid layout with specific column spans. Our online demo shows how easythis is!

Live Demo:

Source Code: