.articlesothers2 {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
}

.articles-second2 {
    width: 100%;
}

.summaryart2 {
    color: #3c4858;
}

.titleart2 h3{
    font-size: 18px;
    color: #14454e;
    border-left: 8px solid #16d378;
    padding-left: 15px;
    font-weight:900;
    margin: 10px 0px 10px 0px;
    cursor: pointer;
    line-height: 24px;
}

.articlesBlock2 {
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
   
    box-sizing: border-box;
}

/* Vaše původní styly pro desktop... */

/* Styly pro tablety */
@media (max-width: 768px) {
    .articlesothers2 {
        width: 48%; /* Dva články vedle sebe, s nějakým mezerou mezi nimi */
        padding: 10px; /* Menší padding pro tablety */
    }
}

/* Styly pro mobilní telefony */
@media (max-width: 480px) {
    .articlesothers2 {
        width: 100%; /* Jeden článek na celou šířku */
        padding: 10px; /* Menší padding pro mobilní telefony */
    }

    .articlesBlock2 {
        padding: 0px 10px; /* Menší padding na okrajích */
    }
}