Skip to content

Instantly share code, notes, and snippets.

@braddalton
Created November 30, 2023 06:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save braddalton/1281dc8d66cbab1c9c87f4b171de143b to your computer and use it in GitHub Desktop.
Save braddalton/1281dc8d66cbab1c9c87f4b171de143b to your computer and use it in GitHub Desktop.
Isotope 2 Columns on Mobiles https://wpsites.net/?p=114135
@media screen and (max-width: 1024px) {
.isotope-item {
display: inline-block;
width: 48%; /* Adjust the width of each item based on the number of columns you want */
margin: 0 1% 20px; /* Adjust the margin between items and add margin below each item */
vertical-align: top; /* Align items to the top of the container */
box-sizing: border-box; /* Include padding and border in the width and height */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment