Công Trình Lắp Điều Hòa Daikin Thực Tế Do Sen Việt Tư Vấn, Thiết Kế, Thi Công

Chia 4 Cột với Hình Ảnh .container { display: flex; flex-wrap: wrap; /* Cho phép các cột xuống dòng khi không đủ không gian */ } .column { flex: 1; /* Chia đều không gian cho các cột */ padding: 10px; box-sizing: border-box; /* Tính cả padding và border vào kích thước phần tử */ } .column img { display: block; /* Loại bỏ khoảng trắng thừa dưới ảnh */ max-width: 100%; /* Đảm bảo ảnh không vượt quá kích thước cột */ height: auto; } /* Responsive cho màn hình nhỏ hơn (ví dụ: điện thoại) */ @media (max-width: 768px) { .column { flex: 1 0 50%; /* Mỗi cột chiếm 50% chiều rộng (2 cột trên 1 hàng) */ } } /* Responsive cho màn hình rất nhỏ */ @media (max-width: 480px) { .column { flex: 1 0 100%; /* Mỗi cột chiếm 100% chiều rộng (1 cột trên 1 hàng) */ } }