Как зафиксировать абсолютно спозиционированый элемент?

Question

[campus1]

Ребят всем привет. Есть вопросик как зафиксировать абсолютно спозиционированый элемент?
А то когда делаю адаптив и уменьшаю размер экрана, то тот элемент уходит за пределы экрана((
prntscr.com/g2wl2l

Вот сам сайт - https://slasherio.github.io/OTAKOYI/src/

Всем спасибо за ответ.

Comments

[Александр Nameless08]

По всей видимости проблема в том, что right: -29px, выходит за правую границу контейнера - prntscr.com/g2wolt
Как вариант обертке картинки можно поставить отступ справа 45px - prntscr.com/g2wqhd
а у самого декора поставить right: 0; - prntscr.com/g2wpva и все это дело поместить в соответствующий медиазапрос.

[campus1]

Александр Александр: Вопрос уже решен, но спасибо за вариант приму к сведению!

Answer 1

[PiggyPig]

Задайте padding по бокам секции.

Comments

[campus1]

Спасибо))

Answer 2

[Игорь Перегудов]

дайте секции about position: relative; padding: 0 15px;
паддинг подрегулируете как вам надо

Comments

[campus1]

щас попробую

[campus1]

Спасибо!!

[PiggyPig]

Во-первых, position: relative.
А во-вторых, зачем? Одним padding'ом все решается.

[Игорь Перегудов]

PiggyPig: поправил очепятку ) спасибо
position: relative дали, чтобы относительно этого блока позиционировались абсолютно-позиционированные объекты

[PiggyPig]

Игорь Перегудов: ну в данном случае это не играет роли) Эти квадратики не лежат прямиком в секции about, поэтому relative будет в данном примере полезен у h1, чем собственно автор вопроса и воспользовался)