Анимация 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). Либо сменить флекс на грид.

Как задать ссылку на элемент php?

MadDeee,

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

Ну вот ту иконку, которую вы сотворили с помощью г-кода, стереть.
Вместо неё сделать псевдоэлемент от ссылки.

Объясню: теперь пользователю клавиатуры придется делать лишний таб на каждой карточке. Проклянут ведь. Хотя, там и так есть за что. Но всё таки лучше вносить усовершенствования, а не портить ещё хуже, чем было.

В старом варианте нужно было только изменить селектор. Условно было li::after, нужно поменять на.design-item__link::after. Только я уже не помню, какой был селектор у li для псевдика, помню, что за него тоже хотелось сказать что-нибудь ласковое верстальщику.
Но у вас там в исходниках scss, соответственно, всё выше сказанное нужно сделать аккуратно с учётом БЭМ, вложенности селекторов и кодгайда.

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

Была попытка в качестве решения задать overflow: hidden и white-space: nowrap - не помогли

Не гневите CSS бога.

Как задать ссылку на элемент php?

MadDeee, пример чего? Там даже не надо свойства менять. Только сам селектор псевдоэлемента, чтобы он был ссылкин, а не li'шкин. Всё.

Как задать ссылку на элемент php?

Там и так есть ссылка. Не смысла городить вторую.

Как задать ссылку на элемент php?

Перевесьте псевдо с элемента списка на ссылку.
Не нужен тут никакой php.

Как расчитать ширину элемента .content?

shib, 40, потому что 15+25=40

если по нижнему краю отступ только 20 пикселей

Нижний отступ никак не влияет на ширину, вне зависимости от того инлайн там или блок.

Но опять же: что вам мешает открыть этот код в браузере и посмотреть в девтулзах что и откуда берется?

Как расчитать ширину элемента .content?

shib, да, всё верно. Только в вашем случае, и в коде всё четко написано и браузер это же покажет.

Как расчитать ширину элемента .content?

shib, что за ерунда? Откройте браузер да проверьте ;)

Как расчитать ширину элемента .content?

Подскажите,пожалуйста, как решить задачу.

Сначала эту задачу нужно как-то нормально описать.
Пока у вас код, в котором ширина указана напрямую.
В идеале, можно рассказать истинную задачу, которая привела вас вот к этой дурацкой ситуации и вопросу в его нынешней форме.
И код обернуть в теги code или воспользоваться соответствующей кнопкой в редакторе.

Как правильно вывести меню html css по колоннам?

Сергей delphinpro, если можно задавать класс для элементов (по идее в WP можно), то класс будет задавать номер столбца.
Но это сломает семантику вложенных списков.

Как правильно вывести меню html css по колоннам?

Первый вариант: грид сетка, как в ответе Сергея.
Второй вариант, выдерживающий переполнение: обернуть элементы первого столбца в свой li, по аналогии со всеми остальными. Заголовок скрыть. И дальше просто 3 столбца.

HeadHunter наоборот. Где найти?

Вова, разумеется. Но думаю, что мою мысль вы давно поняли. Как напишете, так и прочитают.

HeadHunter наоборот. Где найти?

Вова, навык это то, что вы умеете делать. Лингвист не согласен?
Смысла писать в резюме о том, что вы делать умеете, но не хотите, не видно.

Итого, получаем то, что вам нужно или близко к тому, что тоже решается формулировками.

HeadHunter наоборот. Где найти?

Вова, хоть одно в поле в которое можно просто написать текст, который с большой долей вероятности будет прочитан работодателем.

заполнить поля "опыт" и "навыки"

Ну вот, в навыки и перечислять, что вы умеете и хотите делать.

HeadHunter наоборот. Где найти?

Вова, я давно не была на hh, что там нет ни одного поля в свободной форме?