Как задать блоку высоту,которая будет равна всей странице при абсолютном позициионировании?

Высота страницы: 100% (если для body адекватно заданы размеры)
Высота вьюпорта: 100vh

Пытаюсь с помощью JS поменять цвет псевдоэлементов бургера меню при скроле. Как это сделать?

Почитайте про кастомные свойства CSS и меняйте их.
Либо меняйте класс элемента.

Вместо вот этого всего .style.color тоже гораздо удобнее манипулировать классами.

Как расположить картинку, чтобы она смещалась вместе с текстом?

Или под каждый пиксель нужно делать медиа запросы ))

Нет, достаточно правильно указать где ей нужно быть используя относительные единицы измерения и при необходимости calc.

Аналогичная задача
https://codepen.io/AnnaSummer/pen/QWQOvzy
https://codepen.io/AnnaSummer/pen/eYVeWXR

Как убрать скролл у страницы css?

Почему так происходит?

Вы серьезно считаете, что показанного вами кода достаточно?

Сделайте песочницу с видимой проблемой на codepen.io или ссылку на сайт.

Откуда беруться "толстые" линии?

zhrjnnrdzjj,

При увеличении переменной scale появляются толстые линии.

Я вам верю, но мои мониторы-браузеры пока отказываются воспроизводить проблему.

Можно ли поделить экран определенным, но изменяемым количеством линий каким - либо другим способом?

Поделить аналогичным.
Нарисовать с помощью linear-gradient или canvas

Как это сверстать?

Вам сюда, к коллеге по разуму https://qna.habr.com/q/1155904

Откуда беруться "толстые" линии?

zhrjnnrdzjj,

https://codepen.io/geharka/pen/LYQrVjP

Я не могу воспроизвести толстые линии ни при одном условии, кроме не 100% масштаба.

а как это сделать, если не дивами?

Смотря вообще зачем.
Градиентами или canvas.

Откуда беруться "толстые" линии?

Откуда они берутся?

Обычно из масштаба отличного от 100%

Иначе не понятно, делайте песочницу с видимой проблемой на codepen.io

Это всё помимо вопроса, зачем это делать div'ами...

Не отображаются виджеты в слайдбаре?

Какие конкретно виджеты на отображаются?
По-моему, их там конкретно так больше, чем нужно.

spoiler

Как вставить картинки шире контейнера?

darkhipov2018,
Обведите groop_2 рамочкой, убедитесь, что он на всю ширину окна.
Дальше разбирайтесь с его сеткой для картинок.
group, кстати, пишется так.

Если он не на всю ширину, выясняйте, что ему мешает.

Судя по скринам - блок на всю ширину страницы, а вы просто не сделали сетку для картинок, ну или не разобрались с их размерами.

Если самостоятельно никак, делайте песочницу с видимой проблемой на codepen.io

Почему не работает :hover?

низкомолекулярный макрос, спешиал фо ю
https://qna.habr.com/q/1086818

Нужно несколько Whatsapp номеров держать онлайн, как это сделать дешево?

и этот телефон был подключен к инету...

Больше не хочет

Почему не работает :hover?

низкомолекулярный макрос, я как-то писала почему так делаю в каком-то вопросе по тегу Тостер (или как он там сейчас называется)

Правильно ли задавать так отступ?

это будет тоже самое?

Самое надежное - взять и попробовать.

Да, в каких-то ситуациях это будет тоже самое. В других нет.
Например, подумайте о фоне.

А так же о замещаемости блоков.
О том, что вместо заголовка блок может начаться с чего-то другого или заголовок будет скрыт.

И тогда на сцену выходит третий вариант: задавать padding родителю.

Почему не работает :hover?

Угу.
Вы написали .arrow:hover .list__item
Т.е. нужно найти .list__item, который лежит в .arrow и применить стили когда hover на .arrow

Таких элементов нет, потому что .arrow вообще пустые.

Во-первых, имеет смысл ознакомится с соседними селекторами, которые записываются с помощью + и ~
Во-вторых, переделать структуру так, чтобы они смогли работать. Сейчас не смогут, потому что CSS не умеет наверх.

Либо переписать всё это на JS и на click. Всё таки для мобилок делаете.
И arrow это кнопки (button), а не span.

Почему обрезается фото в слайдере?

Danya Wyse,

подправил, даже на SE картинки влазят во весь экран https://iwyse.github.io/Zainoo/

ну и хорошо

Почему обрезается фото в слайдере?

Danya Wyse, я понимаю, что для примера, но вы же видите, что он не там, где нужно.
Значит, начало проблемы очень далеко от картинки. Потому что картинка подстраивается под свою обертку. А та под свою и т. д.

Почему обрезается фото в слайдере?

Danya Wyse,

я не могу понять почему

Потому что геометрия.

Начните с того, чтобы красная рамка не выходила за экран, т.е. блок был нужного размера.
Можете поменять border на outline с отрицательным outline-offset.
Затем аналогично с внутренними блоками.

И если что, cover обрезает изображение.

Не работает ::first-line на мобильном телефоне как исправить?

Алексей, оборачивать в span (руками или на js)

Почему не отображаются иконки?

Alex931, svg лишний и пути неверные.