.mod-articlesnews-horizontal {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0
}

.mod-articlesnews-horizontal figure img {
    width: 100%
}

.mod-articlesnews-horizontal li {
    display: flex;
    flex: 1 1 300px;
    flex-direction: column
}

.mod-articlesnews-horizontal li:not(:last-child) {
    margin-right: 2rem
}

.mod-articlesnews-horizontal .readmore {
    margin-top: auto
}

@supports (display: grid) {
    .mod-articlesnews-horizontal {
        grid-gap:2rem;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
    }

    .mod-articlesnews-horizontal li:not(:last-child) {
        margin-right: 0
    }
}