.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.