Всплывающеий блок при наведении мышки, hover, как заменить на клик?

Антон Вебсайтовский, Label связан с инпутом. Клик по лэйблу - активирует инпут

Всплывающеий блок при наведении мышки, hover, как заменить на клик?

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

Например вот https://qna.habr.com/q/391470

Всплывающеий блок при наведении мышки, hover, как заменить на клик?

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

Без JS только через focus-within можно более менее что-то сделать. Но всё равно нужен какой-то элемент, на котором будет фокус держаться.
На примере той же предложенной выше разметки, но с другими стилями:

.pro:focus-within .prcr {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

И не нужно инпут никуда расстягивать. Только лэйбл или псевдоэлемент от лэйбла.

Заглушка вместо неподгруженной картинки?

lexstile, Так что лучшим вариантом для вас будет

<img onerror="this.src='base64 картинка заглушка'">

base64 - чтоб наверняка. Или ссылка на картинку, в которой Вы уверены.

Заглушка вместо неподгруженной картинки?

Ну а ещё версия ios не указана. Может уже и работает. Надо проверять.
На ipad6 c ios 14.6 не работает.
На iphone 12mini c ios 15.7 тоже не работает.

Заглушка вместо неподгруженной картинки?

lexstile, во всех ссылках одна и та же техника. Так что можете не смотреть остальные.

Заглушка вместо неподгруженной картинки?

lexstile, так Вам и рыбку съесть и аквариум выпить. Требований про ios в вопросе нет.
Определитесь, без js или чтоб везде работало..

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

на css - никак. Если div спрятан за скролом внутри content, и у обоих обычное позиционирование, то wrap будет ориентироваться на своё содержимое, а это высота content.

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

возможно Вам подойдёт https://openlayers.org/

Анимация placeholder?

https://www.yandex.ru/search/?text=input+placehold...
https://codepen.io/lmoroz/pen/jLMLRE

https://qna.habr.com/help/rules

2.2 Убедиться в том, что в сети Интернет, и на страницах Сервиса в частности, отсутствуют ответы на данный вопрос. Специально для этого талантливые IT-специалисты создали и развивают поисковые системы Яндекс и Google.

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

Антон Вебсайтовский, как угодно можно расставить элементы в гриде. В любом порядке.

Решил задачу, но вопрос насколько верное решение выбрал?

"насколько верное" - а критерии какие у верности?
Вы их не предоставили.

Из хорошего - делаете querySelector().innerHTML один раз на вызов функции, а не в цикле на каждый элемент innerHTML += arr[0].
Но можно и вовсе вынести поиск элемента вне функции и сохранить в переменную

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

Антон Вебсайтовский, не понял вопроса

Насколько сложно устроиться во Frontend начинающему в 2023?

Интересно, какой Вы ожидаете ответ?

Насколько сложно

Сложно. Легко. Средне? Всё индивидуально.

то каков шанс

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

Ну а так, по вопросу...
Как повезёт и сколько будете запрашивать. Наличие опыта это хорошо. Обязательно укажите его в резюме. Перед прохождением интервью подготовьтесь к прохождению интервью. Потому что это отдельный навык который мало как пересекается с реальной работой. Например, можно посмотреть видосов на ютубе.
Например:
https://www.youtube.com/@otsobes/playlists
https://www.youtube.com/playlist?list=PLNkWIWHIRwM...
https://www.youtube.com/@frontendscience/playlists

Ну и быть согласным на минимальную оплату труда. Потому что задача №1 это разорвать порочный круг: нет опыта, потому что нет работы и нет работы, потому что нет опыта.

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

Проблема не понятна. Ввели 50, инпут улетел в конец списка. Всё отработало как ожидалось, что не так?
Нужно чтобы после сортировки элемент продолжал быть виден на странице и не нужно было до него скролить, не смотря на то, что он теперь внизу?

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Использование action без записи в store?

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

Использование action без записи в store?

Если эти данные не нужны одновременно нескольким компонентам и эти данные нужно всегда иметь актуальные, то ок.
В целом "верно" - не существует.
Существует - подходит для текущего проекта и его условий.

Как стилизовать два swiper на одной странице?

Lion97icvc, !important плохо - если пользоваться им не аккуратно. То есть если у Вас ваши же стили перебивают друг друга через !important - то да, плохо. Значит CSS плохо организован или Вы не смогли в специфику селектора. Но перебить стили библиотеки чтобы не делать селектор более специфичным это относительно нормальная практика.

Как стилизовать два swiper на одной странице?

Lion97icvc, ну так а css файл то вообще подключается Ваш? Кастомный который?
что в консоле?