Getting in a red, white and blue mood right now. Gingham, fresh stripes, retro styles, and more – what’s not to love?! Personally, I have my eye on these, this sweater, and this fab bag. I already have this set and this funky tee that I will be wearing again throughout June and July. Check out more of my favorites 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-columns: 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-columns: 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 American Summer appeared first on Atlantic-Pacific.
