.ddg-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 20px auto;
}
.ddg-item {
overflow: hidden; position: relative;
text-align: center;
}
.ddg-item img {
width: 100%;
height: auto;
display: block;
border-radius: 5px; transition: transform 0.3s ease; }
.ddg-item img:hover {
transform: scale(1.05); }
.ddg-item p {
margin-top: 8px;
font-size: 14px;
color: #555;
} @media (max-width: 1024px) {
.ddg-gallery {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.ddg-gallery {
grid-template-columns: repeat(1, 1fr); }
}