.wpfi-post-images {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat( auto-fit, minmax( 10px, auto ) );
}
.wpfi-post-images img {
display: block;
}
.wpfi-post-images–no-margin {
grid-gap: 0 !important;
}
@media( max-width: 1024px ) {
.wpfi-post-images–offset {
grid-template-columns: minmax( 10px, 1fr );
grid-gap: 25px;
}
.wpfi-post-images–offset > * {
width: 85%;
margin: 0 auto;
}
.wpfi-post-images–offset > *:first-of-type,
.wpfi-post-images–offset > *:last-of-type {
width: 55%;
}
.wpfi-post-images–offset > *:first-of-type {
margin-left: 0;
}
.wpfi-post-images–offset > *:last-of-type {
margin-right: 0;
}
}
@media( min-width: 1025px ) {
.wpfi-post-images–offset {
grid-template-columns: minmax( 10px, 4fr ) minmax( 10px, 7fr ) minmax( 10px, 4fr );
}
.wpfi-post-images–offset > *:last-of-type {
-webkit-align-self: flex-end;
align-self: flex-end;
}
.wpfi-post-images–staggered-columns div:nth-child( 3n-2 ),
.wpfi-post-images–staggered-columns a:nth-child( 3n-2 ) {
grid-column: 1 / span 2;
}
}
@media( max-width: 1024px ) {
#block-block_62b8fc9a83e1e.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_62b8fc9a83e1e.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
The post THIRTY PLUS SUMMER SALE PICKS appeared first on Atlantic-Pacific.
Source by www.the-atlantic-pacific.com