Home renovations have officially taken over my life. I am currently in the thick of it, working on five rooms at once! I have switched from browsing The Real Real and Net-a-Porter non-stop to cruising all of my favorite home sites. So, I thought I would share one of my current saved folders with all of you…
.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_c3cba339cdb09d0987f6dc923fbf3bb1.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 2, 1fr);
}
}
@media( min-width: 1025px ) {
#block-block_c3cba339cdb09d0987f6dc923fbf3bb1.wpfi-post-images:not( .wpfi-post-images–offset ) {
grid-template-columns: repeat( 2, 1fr);
}
}
The post HOME EDIT appeared first on Atlantic-Pacific.
