facetwp ie 11 grid

djrmom

{{gist file=”style.css” lang=”css”}}
.fwpl-layout {
display: -ms-grid;
-ms-grid-columns: 1fr 1fr 1fr;
-ms-grid-gap: 10px;
}
.fwpl-col {
-ms-grid-column: 1;
}
.fwpl-result {
-ms-grid-row: 1;
}
:nth-child(n+4).fwpl-result {
-ms-grid-row: 2;
}
:nth-child(n+7).fwpl-result {
-ms-grid-row: 3;
}
:nth-child(n+10).fwpl-result {
-ms-grid-row: 4;
}
:nth-child(n+13).fwpl-result {
-ms-grid-row: 5;
}
:nth-child(3n+1).fwpl-result {
-ms-grid-column: 1;
}
:nth-child(3n+2).fwpl-result {
-ms-grid-column: 2;
}
:nth-child(3n+3).fwpl-result {
-ms-grid-column: 3;
}
@media (max-width: 480px) {
.fwpl-layout {
-ms-grid-columns: 1fr;
}
}
{{/gist}}