Ok, right now I have this CSS:
/* increase space between elements in desktop view only */
@media screen and (min-width: 769px) {
/* horizontal space between masonry view and right sidebar */
.masonry-post .inside-article,
.separate-containers .page-header {
margin-right: 40px;
}
/* horizontal space between normal pages and right sidebar */
.page.right-sidebar.separate-containers .site-main {
margin: 20px 40px 20px 0;
}
/* vertical space between masonry excerpts */
.separate-containers .masonry-post {
margin-bottom: 40px;
}
}There’s still one case that needs to see the horizontal space increased: between single post and right sidebar.
We’re almost done!
Thank you Tom