Skip to content

Instantly share code, notes, and snippets.

@alexmustin
Last active November 11, 2021 06:33
Show Gist options
  • Save alexmustin/10604735c5e92524571a71aa9f057c4d to your computer and use it in GitHub Desktop.
Save alexmustin/10604735c5e92524571a71aa9f057c4d to your computer and use it in GitHub Desktop.
CSS Grid - responsive 3-column grid example
.products-wrap {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(auto-fill, 100%);
@include media( $screen--m ) {
grid-template-columns: repeat(auto-fill, 48%);
grid-gap: 2%;
}
@include media( $screen--l ) {
grid-template-columns: repeat(auto-fill, 31%);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment