#listLastEvents {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
} #listLastEvents {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
gap: 20px;
box-sizing: border-box;
}
.lastEvents .card-img { flex-grow: 2;
width: 100%;
}
#listLastEvents .lastEvents .card-img img.card-img-top {
width: 100%; object-fit: cover;
}
.lastEvents .card-body {
padding: 15px; display: flex;
flex-direction: column;
}
.lastEvents .card-body .card-text { }
@media only screen and (max-width:1380px){
#listLastEvents {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media only screen and (max-width:890px){
#listLastEvents {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
}