The Most Secure Cross Browser Testing Platform since 2012

Blog

Cross Browser Flexible Box Layout Module

shutterstock_234378844
BLOG / Web Development

Cross Browser Flexible Box Layout Module

Flexible Box Layout Module is the method of positioning elements in horizontal or vertical stacks. support includes the support for the all properties prefixed with `flex` as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

Browser Support

Flexible Box Layout Module is already supported by all major browser so it should be really easy to get it working cross browser.

Code Example

You can use Flexible Box Layout Module like this:

.container {
  display: flex;
}
nav {
  width: 200px;
}
.flex-column {
  flex: 1;
}

More Information

More information can be found here.