.grid {
        display: flex;
        margin: 0 -5px;
        flex-wrap: wrap;
    }

    .grid-item {
        margin: 2px;
        width: calc(33.333% - 30px);
        /* Для больших экранов */
    }

    .arcticle-text {
        font-size: 1.3rem;
    }

    @media (max-width: 768px) {
        .grid-item {
            width: calc(100% - 30px);
            /* Для маленьких экранов */
        }
    }

    /* Дополнительные стили можно добавить здесь для мобильного вида */
    @media (max-width: 576px) {

        /* Скрываем номера страниц, оставляя только кнопки предыдущей и следующей */
        .pagination li:not(.prev, .next) {
            display: none;
        }
    }

    .featured-post {
        /* Замените на ваше изображение */
        color: white;
        padding: 40px;
        margin-bottom: 30px;
    }

    .navbar {
        font-size: 1.1rem;
    }

    .card-text {
        font-size: 1rem;
    }