Как поменять только одно свойство transform, если их несколько?

v3shin,

П.С: в данном случае прописать translate в css - не вариант, так как это значение генерируется. Это все решается с помощью js, но вопрос в том, решается ли это средствами css.

Мало, что понятно из формулировок. Выходит хочу на CSS, но без CSS?

- На js берете старое значение и вносите изменения.
- На css делаете кучу оберток и применяете каждой по одной трансформации.

Где почитать статью где бы описывалась правила "красивой" верстке?

- Подпишитесь на "Веб-стандарты" и аналогичные каналы.
- Нагуглите код-гайды разных крупных компаний. https://codeguide.co/
- https://csswizardry.com/2012/11/code-smells-in-css/
- Куча статей с чек-листами верстки разной степени вменяемости и применимости
- И "красота" должна быть не в ущерб функциональности, кроссбраузерности, доступности. Т.е. нельзя забывать о том, что удобство для посетителей первично.
- И т.д.

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

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

newhacke, https://jsfiddle.net/bn9ka1fg/
про 70vh это просто так, от балды

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

Не могу с уверенностью сказать, что поняла в чем у вас проблема.

Думаю, что нужна обертка-контейнер с фиксированной или ограниченной шириной (это по ТЗ или дизайну) и центрированием.
Вот тут древний простецкий примерчик https://jsfiddle.net/Ankhena/tg6sqe03/

Я только учусь посмотрите кто то код скажите ошибки пожалуйста?

1. Отсутствуют картинки, так что не ясно как они отображаются.
2. Горизонтальная прокрутка с 540. Для мобилок это много.
3. Нет meta viewport и всего остального с ним связанного.
4. reset.css сбрасывает всё на ноль и если подключить к сайту только его, будет нечитаемая каша. Если пока не можете написать свой сброс, возьмите более современный normalize.
5. Чтобы форма отправлялась нужен тег form
6. "Получить инструкцию" это скорее ссылка, чем кнопка.
7. "форма" и видео на десктопах почему-то разной высоты - выглядит странно.
8. Не понятно, зачем клиенты разбиты на 2 группы.
9. Почитайте про семантическую верстку.

Хватит пока

Можно ли реализовать загрузку фото разных размеров в зависимости от занимаемого пространства?

И чтобы при этом, например, на экране 1200px для 3 фото, расположенных в ряд, грузились изображения размером 400px, а не 1200?

Так и пишете подряд 3 тега picture, в которых для media="(max-width: 1200px)" задаете картинки шириной в 400px,
а для для media="(max-width: 1800px)" задаете картинки шириной в 600px
и т.д.

Как правильно адаптировать блок?

egowka, на flex только если вы можете задать фиксированную высоту обертке.
Прямо в css или считая на js, без разницы.

Как правильно адаптировать блок?

float, grid

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

Genri_Rus, мне кажется, я уже все варианты написала и даже написала как я поступила бы в этой ситуации :)

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

Genri_Rus,

Сколько строк в js уйдет на данную настройку ?

Можно в 6
Можно и в меньше, но это как-то совсем...

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

Genri_Rus, выяснить на js высоту блока с картинкой и заголовка. Сложить их. Учесть отступы вокруг и между ними.
Сравнить с высотой правого блока. Выбрать большее.
Получившееся значение задать как высоту родительского блока.
Родителю flex-direction column.

Что WEBSTORM тут не нравится?

Mak_Pet,


Изменить это или перенастроить яркость подсветки можно так:

spoiler

Что WEBSTORM тут не нравится?

Mak_Pet, господи, это просто границы тегов, внутри которых сейчас курсор.
Посмотрите, дальше идут парные желтые и зеленые.

Я еще удивилась, почему красные полоски у вас слева,а не справа.

Что WEBSTORM тут не нравится?

Он обычно говорит, что именно ему не понравилось.
В данном случае, вероятно, пустой span.

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

Genri_Rus, вау

Гриды - идеально. Но вам хочется ИЕ :(

Float'ами похоже не выйдет, только если заголовок ставить над картинкой.
Дублировать на js я вообще против. Если выбирать вариант с js, то я бы тогда лучше считала высоту блока и использовала flex-direction column.
Остается абсолют.

=> я бы забила на ИЕ и использовала grid.
Ну а в ИЕ блоки будут идти себе по порядку сверху вниз и норм.

Как сделать input со спойлером внутри?

https://ru.stackoverflow.com/questions/691344/inpu...

Либо может еще проще и вам нужен select и всё?

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

Genri_Rus,

из имеющего примера только position: absolute поможет ?
Или все таки js использовать ?

ампутировать
либо вы всё таки покажете макет...

Вы можете заменить в нем картинки, тексты на lorem или прислать его в личку архивом под паролем, а пароль телеграфом, если там всё настолько секретно.

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

eternalfire, ie не базируется на chromium, не путайте ie и edge и не вводите людей в заблуждение.

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

Genri_Rus, видите ли...
Название block-image намекает на проблемы с разметкой.
Наверное.
Но это не точно.
Потому что пример макета я попросила еще в прошлом посте.

Если это не так, то ничего не мешает сделать им общую обертку и от нее абсолютить. Но это опять не точно по той же причине ))

Возможно ли определить местоположение по номеру телефона по согласию?

У гугла есть такой сервис. Конечно же привязанный к гугло аккаунту.
Пустой или груженый, естественно, не покажет.