Рассказать себе (можно даже вслух), что нужно для того, чтобы они были на весь экран (скорее всё таки вьюпорт, а не экран).
Проверить наличие этих свойств в коде.
Если свойства есть, а всё не так, как вам хочется, можно начать обводить элементы рамочками и выяснять, кто им мешает. Например, фиксированная ширина кого-то из родителей. Или что-то ещё.
Если самостоятельно никак не получилось, то делайте песочницу с видимой проблемой на codepen.io и зовите.
Антон Литвиненко, очень может быть.
Мне она почему-то сразу не приглянулась и прошла мимо. Каких-то конкретных причин у меня нет. И если с кодом больше никто не работает, то почему бы и нет.
torbach, и зачем мужику абсолют?
Мужика и чат можно слить в одно изображение и перестать делать его абсолютом.
Оберните его в figure или в div.
Почему вы считаете точки контентным изображением?
Сделайте псевдоэлемент к этой figure с точками на фоне и вот его абсолютом.
Если мужик и чат должны существовать отдельно, то расположите их гридом.
miss_allegory, fisrt-child находит первый дочерний элемент своего родителя, если он соответствует условию.
Он не может найти третий или какой-то ещё, как вы хотели.
А у меня обычные соседние селекторы и not.
ICUI4CU, покажите всю задачу. Потому что пока не понятно назначение wrapper и его ширины.
В общем, на css это можно сделать через aspect-ratio, если устраивает поддержка.
У родителя не должно быть ширины, а только высота 100% и aspect-ratio 1.
Инпуту ширину 100%.
Ну там всякие фишечки, чтобы эта обертка не мешалась типа pointer-events
miss_allegory, оно могло бы сработать, если были бы разные теги через nth-of-type, но с классами так не работает.
Пишите js, если не знаете точного количества элементов.
И зачем вам обертка container?