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

Как такое можно сделать?

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

Текст всегда над изображением, и в мобильной версии текст переносится. В общем изменение цвета должно происходить динамически

Нужно ли разделять стили по страницам?

Спасибо за ответ! Я тоже вот думаю что не нужна. Решил уточнить, думал что 149кб для css это много. А ее подскажите какой размер большой уже на css? Чтобы понимать когда нужно что то менять))

Как работает данный код?

Спасибо за развернутый ответ!

Можно ли писать так по bem?

Виталий Першин, Спасибо за ответе! Все стало понято!)

Можно ли писать так по bem?

Виталий Першин, т.е нормально делать div двумя блоками:

<form class="modal-body-feedback modal-body"></form>

И уже внутри делать как вы посоветовали и я написал в сообщении выше?)) Или я не так понял?

Можно ли писать так по bem?

Виталий Першин, Кажется, по этому и спросил =)

Вы имеете вот так писать лучше?

<form class="modal-body-feedback modal-body">

  <div class="modal-body__close">
    <svg class="modal-body__close-icon">
      <use href="/assets/sprite/sprite.svg#close"></use>
    </svg>
  </div>

  <div class="modal-body__title modal-body__title--mb-small">...</div>
  <div class="modal-body__desc modal-body__desc--mb-middle">...</div>

  <div class="modal-body-feedback__list">
    <input class="input" type="text" placeholder="Имя"/>
    <input class="input" type="text" placeholder="[phone]"/>
    <input class="input" type="text" placeholder="E-mail"/>
  </div>

  <div class="modal-body-feedback__doc">...</div>
  <button class="btn btn--fill modal-body__btn modal-body__btn--mt-small">Отправить</button>
</form>

Какая поддержка такого?

С отрицательным margin. Тогда слайды будут уходить не по container а за его пределы, что мне не нравиться

Как скрыть scrollbar в ios safari?

Высота динамическая, не получиться использовать этот трюк, от части из за этого и используется simplebar. Ему все равно на высоту, он всегда убирает scrollbar. Только в мобильной версии в safari виден скролл.

P.S: Мне кажется если и сделать как вы предложили, будет виден scrollbar все равно в safari

Как скрыть scrollbar в ios safari?

Anonymous Penguin, Это не на body а глубоко внутри div. И если ему сделать overflow: hidden; то simplebar не будет работать

Как исправить такое?

1. Маленькая картинка имеет анимацию, всплывает и праит. В этом и проблема))
2. Так они и обернуты в контейнер у которого position: relative.
3. А как? Можете привести пример? Никогда такое не видел))

Нормально ли использовать grid для отступов, вместо margin?

Ankhena, Да, глянул на caniuse, спасибо еще раз))

Нормально ли использовать grid для отступов, вместо margin?

Ankhena, Извините за настойчивость, хочется точно узнать.

Это все верно:

1) grid-gap - устарело и вместо него нужно использовать просто gap.
2) gap плохо поддерживается во flex, но поддерживается так-же хорошо в grid как и grid-gap?

А это уже не верное утверждение:

Или поддержка свойства gap в grid хуже чем свойство grid-gap?

Нормально ли использовать grid для отступов, вместо margin?

Ankhena, Не знал, я правильно понимаю что:

1) grid-gap - устарело и вместо него нужно использовать просто gap.
2) gap плохо поддерживается во flex, но поддерживается так-же хорошо в grid как и grid-gap?

Или поддержка свойства gap в grid хуже чем свойство grid-gap?

Нормально ли так повышать область клика?

Ankhena, Понял с ссылками так делать не очень хорошо, а например с такой кнопкой:



Тоже нельзя увеличивать так область клика?

И для таких элементов тоже нельзя так делать? Как в общем поступать не с ссылками в меню а с элементами у которых хочется повысить область клика?

Скрин

Со скрина кликая на item будет скачиваться файл, и конечно нужно чтобы кликнуть можно было хотя бы на 4px рядом

Как быть с 2 дополнительными мониторами для ноутбука?

Переходников vga>>usb не бывает

<=>

https://www.dns-shop.ru/product/724121dd7b653332/p...

Есть же))

Нормально ли использовать grid для отступов, вместо margin?

Ankhena, gap же для flex используется. Но я и его иногда использую. Конечно поддержка не так хороша, но очень удобное свойство.

Нормально ли использовать grid для отступов, вместо margin?

Mashush, Спасибо! А можете свой комментарий перевести в ответ? Я его выберу верным))

Как быть с 2 дополнительными мониторами для ноутбука?

Денис _______________, Не разбираюсь в этом о чем сожалею. А в случае чего это можно исправить? И как посмотреть?

Как лучше поступать в такие моменты по bem?

Максим Морев, Понял, спасибо!)