react-flexi-image-grid
Version:
React js Flexible Image Grid View.
25 lines (20 loc) • 505 B
CSS
.react-flexi-image-grid * {
box-sizing: border-box;
}
.react-flexi-image-grid .rowGridFlex {
display: -ms-flexbox; /* IE 10 */
display: flex;
-ms-flex-wrap: wrap; /* IE 10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create two equal columns that sits next to each other */
.react-flexi-image-grid .columnGridFlex {
-ms-flex: 50%; /* IE 10 */
flex: 50%;
padding: 0 4px;
}
.react-flexi-image-grid .columnGridFlex img {
margin-top: 8px;
vertical-align: middle;
}