.actualites-grid {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: auto;
gap: 20px;
}
.actualite-item:first-child {
grid-column: 1 / 2;
grid-row: 1 / span 3;
flex-direction: column;
}
.actualite-item:nth-child(n+2) {
grid-column: 2 / 3;
}
.actualite-item:nth-child(n+2) .actualite-thumbnail {
width: 151px;
min-width: 151px;
max-width: 151px;
height: 151px;
background-color: var(--wp--preset--color--gray);
border-radius: 14px;
}
.actualite-item {
display: flex;
background-color: #FFF;
color: #333;
border-radius: 14px;
overflow: hidden;
padding: 26px;
gap: 20px;
box-sizing: border-box;
}
.actualite-thumbnail img {
width: 100%;
height: 100%;
border-radius: 14px;
object-fit: cover;
}
.actualite-title {
margin-top: 0;
}
@media (max-width: 768px) {
.actualites-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
.actualite-item {
flex-direction: column;
}
.actualite-thumbnail img {
max-width: 100% !important;
}
.actualite-item:nth-child(n+2) .actualite-thumbnail {
width: 100%;
min-width: 100%;
max-width: 100%;
height: auto;
}
}