CỬA KÍNH CƯỜNG LỰC

0867727423
Vì Sao Nên Sử Dụng Cửa Kính Cường Lực Cho Nhà Ở Và Công Trình Hiện Đại?

Vì sao nên sử dụng cửa kính cường lực cho nhà ở và công trình ...

19
Th5
/* ====== Card sản phẩm bằng nhau trên desktop và mobile ====== */ /* Layout dạng lưới cho danh sách sản phẩm */ .woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; } /* Card sản phẩm linh hoạt chiều cao */ .woocommerce ul.products li.product { display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-height: 400px; /* Điều chỉnh chiều cao tối thiểu nếu cần */ box-sizing: border-box; background: #fff; padding: 10px; border: 1px solid #eee; border-radius: 6px; } /* Tiêu đề sản phẩm */ .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 48px; /* Đảm bảo tiêu đề không bị lệch */ font-size: 16px; line-height: 1.4; margin-bottom: 10px; } /* Vị trí nút Add to cart luôn ở cuối card */ .woocommerce ul.products li.product .button { margin-top: auto; } /* Ảnh sản phẩm đồng bộ kích thước */ .woocommerce ul.products li.product img { width: 100%; height: 250px; /* hoặc auto nếu muốn co theo tỉ lệ */ object-fit: cover; border-radius: 4px; } /* Responsive cho màn hình nhỏ */ @media (max-width: 768px) { .woocommerce ul.products { grid-template-columns: 1fr 1fr; /* hoặc 1fr nếu muốn 1 cột */ gap: 15px; } .woocommerce ul.products li.product { min-height: 360px; /* Chiều cao tối thiểu mobile */ padding: 8px; } .woocommerce ul.products li.product img { height: 200px; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 42px; font-size: 14px; } }