Как добавить отступ с права, последнему элементу?

Question

[MegaPuxapb]

Как добавить отступ с права, последнему элементу (в моб. разрежении)?

q665588f.beget.tech/buklet2/index.html

Comments

[Ярослав Иванов]

Певдо селекторы ждут тебя в гугле.

[MegaPuxapb]

Ярослав Иванов, не помогает, попробуй сам, через консоль браузера.

[Ярослав Иванов]

MegaPuxapb, это потому что ты мега пихарь. Как ты код пишешь?

[MegaPuxapb]

Ярослав Иванов, очевидно же, по мегапихарьски!

[Rustam Bainazarov]

Ярослав Иванов, псевдо-селектор не поможет, padding и margin тоже. Тут псевдоэлемент нужен.

MegaPuxapb, это из-за flex'а такая шняга. Написал ответ, там всё просто.

Answer 1

[Rustam Bainazarov]

Это из-за flex.

Решение вот такое:

@media screen and (max-width: 575px) { /* Ваш медиа-запрос */

    /* Нужно создать элемент в конце списка. Проще всего это сделать с помощью псевдоэлемента */
    #reviews .reviews_wrap:after {
        content: "";
        flex: 0 0 10px;  /* вместо 10px -- нужное вам значение «отступа» (который не отступ на самом деле, но вы поняли) */
    }

}

Comments

[MegaPuxapb]

спасибо)

[Rustam Bainazarov]

MegaPuxapb, не за что!

Answer 2

[Иван Смирнов]

Если возможно, увеличьте на это ширине экрана padding-right для контейнера этого отзыва

Comments

[MegaPuxapb]

не помогает, попробуйте сами, через консоль браузера.

Answer 3

[anatoliy_vas15]

Обратиться к нему, через

el:last-child{
    margin-right: 10px;
}

Comments

[MegaPuxapb]

не помогает, попробуйте сами, через консоль браузера.