.wpfi-post-images { display: grid; grid gap: 15px; grid template column: 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 automatic; .wpfi-post-images–offset > *:first-child, .wpfi-post-images–offset > *:last-child } } } @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-child { -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 columns: 1 / span 2; } }
dress one // dress 2 // dress 3
ASOS is huge new drop And all items are very good. As you know, I’ve loved ASOS ever since we launched Atlantic-Pacific in 2010. ASOS frequently rotates its brands and currently ‘arrange” brand is my favorite shopping label. What I picked up this week this skirt, this rad shell topand this dress – All arriving next week!
.wpfi-post-images { display: grid; grid gap: 15px; grid template column: 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 automatic; .wpfi-post-images–offset > *:first-child, .wpfi-post-images–offset > *:last-child } } } @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-child { -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_e4f0932ae227658111a428ebdea6fdf6.wpfi-post-images:not( .wpfi-post-images–offset ) { grid template column:repeat( 2, 1fr); } } @media( min-width: 1025px ) { #block-block_e4f0932ae227658111a428ebdea6fdf6.wpfi-post-images:not( .wpfi-post-images–offset ) { Grid template column: repeat( 2, 1fr); } }
The post ASOS ALERT appeared first on Atlantic-Pacific.
Source: Atlantic-Pacific – www.the-atlantic-pacific.com
