Адаптивная высота textarea без клавиатурного ввода текста (текст вводится JS)?

Игорь, подскажу: гуглите как обрезать строку на js.

Адаптивная высота textarea без клавиатурного ввода текста (текст вводится JS)?

основаны на вводе в поле текста

Запускайте пересчет по той же кнопке.

Или используйте div contenteditable true.

Что именно у вас не получилось?

Как закрыть модальное окно c переменными кликом по оверлею?

Может, вам поможет тег dialog или нативный popover API?

Как отображать только один из одинаковых div с id="x" предыдущий развернутый сворачивать?

Есть несколько div с одинаковыми id

Начать отсюда.
Сделать так, чтобы они не были одинаковыми или заменить на классы.

Вопрос 1: как сворачивать предыдущий открытый div отображая на экране развернутым только один div?

Логика банальна: закрываем все, открываем нужный.

Вопрос 2: как менять или полностью убирать id у всех этих свернутых div или же полностью "скрывать" их от взаимодействия с определенным JS пока на будет нажата кнопка "развернуть" (у каждого div она своя).

Ничего не понятно.
Как удалять атрибуты легко гуглится.

Tabindex и flex order - есть ли решение?

Может быть всё таки начать с бэка, а не усугублять костыльность?

По каким критериям выбирать направления в IT (FRONTEND, UX/UI)?

Anna4,

А по началу например какие задания могут давать на каждом направлении?

Какие угодно.
Понравится - сделаете.
Не понравится - откажетесь или уйдёте в другое место, где задачи будут нравиться (понятно, что совсем все это вряд ли, но в целом).
Совсем страшно - не ходите или подождите, когда перестанет быть страшно. А перестанет - с практикой.

По каким критериям выбирать направления в IT (FRONTEND, UX/UI)?

но пугает то что в будущей задачи будут усложнятся

Если задачи не будут усложняться, то вы окажетесь в болоте без выхода.
IT всё время развивается и если вы не собираетесь развиваться вместе с ней и это не доставляет вам удовольствия, то и нет смысла сюда ходить.

Какие обязаности выполняет каждый

Открываете любой сайт по поиску работы, читаете вакансии и описания.
Можете сходить на собеседования и узнать подробнее. Не важно, возьмут или нет, это информация.

и как лучше подойти к обучению?

Этого никто, кроме вас и ваших близких, не знает.
Стандартна, пожалуй, одна рекомендация: больше практики.

Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?

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

Задавайте минимальную и максимальную.
И important уберите.

Как наложить на фон ещё объекты с текстом внутри?

Точно также как вы сделали с блоком fixik1

Очень рекомендую нормально называть классы и оформлять вопросы, если хотите, чтобы их не удаляли и чтобы они имели ответы.

Правильно я понимаю планировщик ключевых запросов?

Почему бы не проверить аналогичный запрос на другом языке в другом регионе? Для дополнительного подтверждения возьмите русский и вордстат яндекса.

Имеет ли смысл использова vue с scss?

С одной стороны, на вопрос невозможно дать однозначный ответ.
А с другой, он очевиден: если вы используете функции препроцессора, которых нет в нативном css, то имеет.

а в ванильном css появилась вложенность

Я бы рекомендовала ознакомится с разницей перед принятием решения.

Как сделать пролистывание картинок в карточке товара?

Михаил Смирнов, ну и сделайте там прозрачные кнопки и запускайте листалку, по одной или как угодно.

ну и если этих картинок 7 шт, то блок делиться на 7 частей и т.п.

Ок, повесьте не по две кнопки, а всю пагинацию, ещё проще.

Как сделать пролистывание картинок в карточке товара?

Как запустить autoplay только при наведении на блок, в swiper'e? и т.д.
Что ж вам не гуглится-то?

Как отдавать боту 200 если файла нет?

Я бы рекомендовала вернуться к предыдущей задаче, к той, которая привела вас к идее переименовывать файл css.
Потому что нынешняя отлично решается отменой этого решения.
А если дело в кэше (на это намекает *hash*.css), то тем более.

Зато упростите и предыдущую и избавитесь от текущей.

Как сделать переключение кнопок Html?

Попробуйте перечитать написанное так, как будто первый раз видите этот текст.
Потом отредактируйте и сделайте иллюстрирующую проблему песочницу на codepen.io или аналоге.

Анимация JS, CSS. Как сделать эффект фонарика?

Аналогичный вопрос Почему эффект применяется только к одной кнопке из трёх?

Как избежать скролла в инпуте при letter-spacing?

Ничем не отличается от Как решить проблему с прокруткой в инпуте?

Как вырезать плавно углы у блока css?

Антон Антон,

псевдоблока

Нет такого слова в верстке, есть псевдоэлементы.

Kamilya_Yakupova,
Тут разбор и варианты: https://sitist.ru/magic-border-radius.html

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

Антон Антон, или так
У базиса есть нюансы, нужно не забывать о нём при смене направления флекса.

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

Во-первых, соглашусь с комментарием выше. Оформляйте песочницу на codepen.io
Во-вторых, тут не все стили, чтобы мы могли её сделать за вас. Не хватает кастомок, вероятно, общих стилей и т.д.
В-третьих, если заменить вот эту порнушку

width: calc((100% - (var(--offsets) * var(--gap))) / (var(--offsets) + 1));

на грид, то жить станет значительно легче. В первую очередь вам.

Теперь по теме:
1. object-fit: cover; - это прекрасно. Только обертки нет. В которую делать cover.
2. А также нет размеров у картинок ни в разметке ни в стилях.
=> адаптивным картинкам нужна обертка. Либо в её роли может выступать ячейка грида.
3. По умолчанию, дочерние элементы флекса имеют flex-shrink: 1, т.е. будут пытаться сжаться, если сосед толкается.
=> нужно либо запретить сжиматься (не забыв перечитать п1 и 2). Либо сменить флекс на грид.