Skip to content

Instantly share code, notes, and snippets.

@grantambrose
Last active August 11, 2016 16:15
Show Gist options
  • Save grantambrose/3624ddc55c0dd2d2915329324a351bbb to your computer and use it in GitHub Desktop.
Save grantambrose/3624ddc55c0dd2d2915329324a351bbb to your computer and use it in GitHub Desktop.
Grid layout for the Beaver Builder theme blog in one easy step
/* Let's only convert the blog posts to a grid layout on medium devices and above */
@media only screen and (min-width: 992px) {
/* BLOG LAYOUT TO CONVERT IT TO A GRID with 3 blog posts across the row */
.fl-archive .fl-post{width:30%;float:left;margin-left:5%;}
.fl-archive .fl-post:nth-child(3n+1){margin-left:0;clear:both;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment