JuicyTalk
Getting into the red, white and blue mood right now. Gingham, fresh stripes, retro styles and more – what isn’t to love?! I have personally been eyeing these, this sweater, and this fab bag. I already own this set and this funky tee that will be on repeat all June and July long. See more of my faves below!
.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;
}
}
.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_4fd914fd47a3ba808342f5a15de9c96d.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_4fd914fd47a3ba808342f5a15de9c96d.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
The post AMERICANA SUMMER appeared first on Atlantic-Pacific.
