Reponsive Grids with Flex Box
// Browser Support
// IE 11, Edge 14 +, Firefox 54+, Chrome 49+, Safari 10.1+, IOS Safari 10.2+, Android Browser 4.4+
@mixin flex {
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin flex-wrap {
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
}
.flex {
@include flex;
@include flex-wrap;
}