.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-child, .wpfi-post-images–offset > *:last-child { width: 55%; } .wpfi-post-images–offset > *:first-child { margin-left: 0; } .wpfi-post-images–offset > *:last-child { 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-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; } }
outfit one // outfit two // outfit three
ASOS has a huge new drop and the items are great. You know I’ve loved ASOS since I started Atlantic-Pacific in 2010. They keep changing their house brands and ‘Arrange’ is currently my favorite label to shop from. I’ve also purchased this skirt, this red shell top, and this dress that is arriving next week!
.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-child, .wpfi-post-images–offset > *:last-child { width: 55%; } .wpfi-post-images–offset > *:first-child { margin-left: 0; } .wpfi-post-images–offset > *:last-child { 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-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; ++ } } @media(min-width: 1025px) { #block-block_e4f0932ae227658111a428ebdea6fdf6.wpfi-post-images:not( .wpfi-post-images–offset ) { grid-template-columns: repeat(2, 1fr); } }
The post ASOS ALERT appeared first on Atlantic-Pacific.