30 SPRING STRIPE STYLES

HELLLLLOOOOO spring stripes! Popping on here today to share some of my favorite stripe finds recently. As always you can shop all my other shopping picks here, here, here and here.

Hope everyone has a FAB weekend!

.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_626c43225e3cf.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 2, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_626c43225e3cf.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}

The post 30 SPRING STRIPE STYLES appeared first on Atlantic-Pacific.