.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;
}
}
Top: Cara Cara // Pants: Cara Cara // Jacket: Nili Lotan (on super sale) // Necklaces: Here and here
Who doesn’t love a beautiful floral? I recently got this set, and it had me thinking about all of the floral pieces I’ve recently saved in my ‘want’ folder. I’m sharing them all below! P.S. if you are into sets you should check out this post!
.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_1571b5d5e11aaffba0b76d17bd4e480e.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_1571b5d5e11aaffba0b76d17bd4e480e.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 3, 1fr);
}
}
The post FINE FLORALS appeared first on Atlantic-Pacific.
