Как сделать так ,что бы блок расширялся на всю ширину экрана?

Question

[samnit]

У меня есть слайдер, он не меняет позицию в зависимости от ширины экрана.
Между слайдером и правым краем viewport пустое пространство в которое я хочу поместить блок, который будет идти строго после слайдера и менять свою ширину в зависимости от ширины viewport не создавая скрол при уменьшении и не отставая от него при увеличении. (пространство где нужен блок отмечен красной линией)

Это нужно для того, что бы в этот блок добавить кнопку и сделать её по центру.

Прошу без токсичности, я ещё зелёный)

Comments

[Михаил Р.]

Дайте ссылку на проект или разместите код в песочнице, чтобы можно было воспроизвести проблему.

[Ankhena]

1. Флекс родителю. flex-grow 1 для правого.
2. Грид родителю. И grid-template-columns: min-content 1fr

Если цель кнопка, то при гридах для неё не нужна обертка, просто поставить по центру ячейки.