.container-e {
    padding: 16px;
}

h2.alle {
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px;
}

.news-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.news-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.news-card .content {
    padding: 8px;
}

.news-card .date {
    font-size: 12px;
    color: #777;
    margin-bottom: 4px;
}

@media (max-width:435px) {

    .news-grid {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }

    .news-card {
        min-width: 260px;
        padding: 20px;
        margin: 0px 20px;
    }

    .container-e {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
}