.mcag-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.mcag-item img {
width: 100%;
height: auto;
display: block;
}
.mcag-item h3 {
margin: 10px 0 5px;
font-size: 1.1em;
}
.mcag-item .mcag-date {
color: #666;
font-size: 0.9em;
} @media(max-width: 992px) {
.mcag-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width: 600px) {
.mcag-grid {
grid-template-columns: 1fr;
}
}