Skip to content

Instantly share code, notes, and snippets.

@alexmustin
Last active Nov 11, 2021
Embed
What would you like to do?
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