.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-column: 1 / span 2;
}
}
Pants // Shoes // Bag // Pareo also love this one (worn as a top)
Bandanas have been trending for some time and when I saw this multi take on the trend I immediately purchased! See a few more of my favorites…
.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-column: 1 / span 2;
}
}
@media( max-width: 1024px ) {
#block-block_536152c86a1faed64316448ac5ae56b0.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 2, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_536152c86a1faed64316448ac5ae56b0.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 2, 1fr);
}
}
The post BANDANA BABE appeared first on Atlantic-Pacific.