Skip to content

Instantly share code, notes, and snippets.

@ivanaugustobd

ivanaugustobd/product_grid.scss

Last active October 13, 2018 02:06
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 ivanaugustobd/2278154b09538171af27988e8dcea50c to your computer and use it in GitHub Desktop.
Save ivanaugustobd/2278154b09538171af27988e8dcea50c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
product_grid.scss
.products-grid {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); // distribui os itens e já deixa a grade responsiva
}
Raw
products_grid.html
<ul class="products-grid">
<li class="products-grid-item">[..]</li>
<!- -  mais alguns <li> -->
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment