.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;
There is a major cold front moving through the country this week and it has me window shopping for a new winter coat! I have said it before, but coats are probably the *most* emotional purchase for me, and the brighter, the better! Below I am rounding up my current favorites at every price point. You can also see all my favorite shearling coats here and an older outerwear edit here.
.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_30bcfa828dd9ae2348b82417c5b12fc8.wpfi-post-images:not( .wpfi-post-images–offset )
grid-template-columns: repeat( 3, 1fr);
@media( min-width: 1025px )
#block-block_30bcfa828dd9ae2348b82417c5b12fc8.wpfi-post-images:not( .wpfi-post-images–offset )
grid-template-columns: repeat( 3, 1fr);
The post A WINTER COAT ROUND UP appeared first on Atlantic-Pacific.