locker-factory/src/css/grid.css

Content Locker UI Builder

.lockerGrid {
	position: relative;
}

.gridItem {
	position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24.2333%;
}

.gridItem:nth-child(n),
.gridItem:nth-child(2n),
.gridItem:nth-child(3n) {
    margin: 1% 1% 1% 0;
}

.gridItem:nth-child(4n) {
    margin: 1% 0;
}

.gridItem .item {
    padding: 5px;
}

@media screen and ( max-width: 1024px ) {
    .gridItem {
        width: 32%;
    }
    .gridItem:nth-child(n),
    .gridItem:nth-child(2n) {
        margin: 1% 2% 1% 0;
    }
    .gridItem:nth-child(3n) {
        margin: 1% 0;
    }
}

@media screen and ( max-width: 768px ) {
    .gridItem {
        width: 49%;
    }
    .gridItem:nth-child(2n) {
        margin: 1% 0;
    }
    .gridItem:nth-child(2n+1) {
        margin: 1% 2% 1% 0;
    }
}

@media screen and ( max-width: 480px ) {

}