# wp-ultimate-post-grid/3.3.0/assets/css/public/grid.scss

WP Ultimate Post Grid, version 3.3.0. 43 lines.

- Page: https://pluginprobe.com/plugins/wp-ultimate-post-grid/3.3.0/code/assets/css/public/grid.scss
- Raw: https://pluginprobe.com/plugins/wp-ultimate-post-grid/3.3.0/raw/assets/css/public/grid.scss
- Modified: 2020-06-11T15:09:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wp-ultimate-post-grid/3.3.0/code/assets/css/public/grid.scss#L10-L20`.

```scss
.wpupg-grid-with-filters {
    &.wpupg-grid-with-filters-side {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

        .wpupg-grid-container {
            min-width: 300px;
            flex: auto;
        }
    }

    &.wpupg-grid-with-filters-side-left {
        .wpupg-grid-filters {
            margin-right: 20px;
        }
    }

    &.wpupg-grid-with-filters-side-right {
        flex-direction: row-reverse;

        .wpupg-grid-filters {
            margin-left: 20px;
        }
    }
}

.wpupg-grid {
    margin-left: auto;
    margin-right: auto;

    &.wpupg-grid-loading {
        .wpupg-item {
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
    }
}

.wpupg-grid-empty {
    display: none;
}
```