.bangmaucu { padding: 30px 0; } .color-gallery { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .color-item { width: 15%; text-align: center; transition: transform 0.2s ease; } .color-item:hover { transform: scale(1.05); } .color-img img { width: 100%; height: auto; border-radius: 8px; border: 1px solid #ddd; } .color-info h3 { font-size: 16px; margin: 10px 0 0; } .pagi { margin-top: 20px; text-align: center; } .pagination { display: flex; justify-content: center; gap: 5px; list-style: none; padding: 0; } .pagination li{margin-left:0px!important} .pagination li a { padding: 8px 12px; border: 1px solid #ddd; border-radius: 5px; color: #333; text-decoration: none; display: flex ; align-items: center; justify-content: center; align-content: center; height: 40px; width: 40px; } .pagination li a.active, .pagination li a:hover { background-color: #007bff; color: #fff; border-color: #007bff; } @media (max-width: 549px) { .color-item { width: 20%; max-width: 300px; } }