product-grid.css 595 B

123456789101112131415161718192021222324252627282930313233
  1. /*========================================
  2. PRODUCT-GRID PAGE STYLE
  3. =========================================*/
  4. .product-grid {
  5. display: -ms-grid;
  6. display: grid;
  7. grid-gap: 25px;
  8. -ms-grid-columns: (1fr)[2];
  9. grid-template-columns: repeat(2, 1fr);
  10. -ms-grid-rows: auto;
  11. grid-template-rows: auto;
  12. }
  13. .product-grid img {
  14. width: 100%;
  15. border-radius: 8px;
  16. }
  17. .details-meta {
  18. margin-bottom: 8px;
  19. }
  20. .details-rating {
  21. margin-bottom: 10px;
  22. }
  23. .details-price {
  24. margin-bottom: 15px;
  25. }
  26. .details-add-group {
  27. margin: 38px 0px 15px;
  28. }