Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Gábor Papp
Added: Dec 16, 2020 1:22 PM
Views: 4
Tags: no tags
  1. .row.products {
  2.     display: -webkit-box;
  3.     display: -webkit-flex;
  4.     display: -ms-flexbox;
  5.     display: flex;
  6.     flex-wrap: wrap;
  7. }
  8. .row.products > [class*='col-'] {
  9.     display: flex;
  10.     flex-direction: column;
  11. }
  12. .row.products .product-img {
  13.     display: flex;
  14.     height: 28rem; /* ezzel tudod állítani a méretet */
  15.     justify-content: center;
  16. }
  17. .row.products .product-img IMG {
  18.     transition: all 0.3s ease-in-out;
  19.     width: auto !important;
  20.     max-width: 100%;
  21.     max-height: 100%;
  22.     align-self: center;
  23.     justify-content: center;
  24.     height: auto;
  25. }