Как адаптировать вёрстку?

Question

[v_byzoff]

Здравствуйте! Как сделать так, чтобы буллиты не перекрывались контентом при переполнении контейнера или при уменьшении ширины экрана? У hero-container и контента position:relative, для слайдера position:absolute, буллиты соответственно тоже абсолют

Comments

[Антон Литвиненко]

Тут как нравится. Можно перенести вправо а потом вообще убрать

[Ankhena]

Задать отступы так, чтобы буллеты не наползали на кнопку.
Позиционировать буллеты не сверху, а снизу.

[v_byzoff]

Ankhena, это понятно. Но отступы не помогают, буллиты остаются на месте. Может с позиционированием какая-то проблема. Текст с кнопкой здесь располагается поверх слайдера в position:relative, сам слайдер с буллитами в position:absolute. Буллиты вне контейнера с контентом, но я пробовал их переносить и в контент - не получилось.

[Ankhena]

v_byzoff, плохо видно, кому вы задали отступ.
Сделайте песочницу с видимой проблемой на jsfiddle.net (тащить туда все стили не обязательно).

И я уже говорила, что вариант с гриами проще и лучше защищает от проблем с высотой и выпадением/наложением.

[v_byzoff]

Ankhena, спасибо

[v_byzoff]

Ankhena, а как на jsfiddle.net подтянуть изображения, чтобы наглядно было? Они все хранятся на жёстком диске.

[Ankhena]

v_byzoff, заменить на любые другие из яндекс.картинок или воспользоваться https://picsum.photos/