Как стилизовать данный футер?

Question

[Максим Вакаев]

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

Answer 1

[RAX7]

Comments

[Максим Вакаев]

Спасибо!

Answer 2

[Alex]

Заюзайте градиент. Примерно так:

linear-gradient(90deg, rgb(0, 0, 0)   var(--width)  , gray 0px)

Будет черный фон шириной var(--width) а дальше — серый

Comments

[Максим Вакаев]

хмм, что-то он мне белый фон вставляет по вашему коду

[Alex]

Максим Вакаев, А ширина указана?

[Максим Вакаев]

Alex,

[Максим Вакаев]

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

[Alex]

Максим Вакаев, По моему, вы либо что-то делаете не так, либо не правильно сформулировали вопрос

[Максим Вакаев]

Alex, я делаю все так, попробуйте указать блоку с шириной 90% градиент и по ресайзите экран 4000px-1000px, вы увидите что bg будет двигаться вместе с экраном, то есть не так как мне нужно, мне нужно чтобы он именно уменьшался справа до определенного момента, а слева был статичен и прилипал к лого, ваше решение просто напросто не подходит для данной задачи

[Alex]

Максим Вакаев, Как бы, если вам нужена статическая ширина, то проценты немножко не то, вы не находите?

[Максим Вакаев]

Alex, а разницы нету, что проценты, что фикс указать, прикрепляю вам скриншоты с разных ширин экрана и с указанной фикс шириной