Здравствуйте, почему размер картинки не изменяется?

Правила сервиса запрещают размещать код картинками.

А в идеале делать демку на codepen где воспроизводится проблема и прикреплять к вопросу

Как поменять тему в react приложении?

scss переменных не существует в рантайме.

Так что Вам нужно либо написать css для обеих тем, а в реакте, например, через контекст, менять значение переменной, на основе которой поменяются css классы.
Либо же перейти с scss переменных на css переменные. Описать токены тем через css переменные и тогда просто переключить с одних переменных на другие.

Могли бы помочь плиз подобрать правильный план изучения js по https://learn.javascript.ru/ чтоб потом можно было изучить Angular?

"отсеять не нужное" - это очень сомнительная формулировка. Нужность или не нужность определяется пулом задач проекта.

Но, в целом, практически полностью первые 2 части. Из 3ей части - сетевые запросы и хранение данных прям обязательно, остальное желательно.

Как средствами html+css сделать такое?

Александр Вербицкий, а ещё дизайнеру привет. Как может быть тень у левого нижнего края если фигура как бы вдавлена вниз как раз левым нижним углом?

Как средствами html+css сделать такое?

Александр Вербицкий, Но вот так как на картинке в комментах без свг будет сложно сделать.

Как средствами html+css сделать такое?

Как средствами html+css сделать такое

1) блок с текстом.
2) Два псевдоэлемента
3) perspective для блока с текстом
4) для псевдо: position: absolute, z-index: -1 и дальше играться с transform: perspcetive\rotate3d\translate (не для каждого псевдо нужны все свойства)

Как получить атрибут data-id?

https://learn.javascript.ru/dom-attributes-and-pro...

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

eafedorow, Ну может вы ссылку хотя бы дадите?

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

top: -1px?

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

фиалетового света

цвета

линия скроулинга не убирается

скролинга

Код скринами запрещён правилами https://qna.habr.com/help/rules

На первом скрине .headlin-img
На третьем .container
Под скринами вопрос про скрол.

В итоге о чём вопрос? не понятно.

Как лучше реализовать mind map интерфейс?

Гугл молчит?
https://habr.com/ru/post/191850/
https://github.com/cedoor/mmp
https://dev.to/pahund/drawing-a-mind-map-with-thre...
https://www.cssscript.com/mind-map-canvas/

Чем отличается событие клика от button.click();?

urajo, Дописал в ответ

Чем отличается событие клика от button.click();?

urajo, сейчас попробую найти конкретную статью где будет объяснение почему разный результат.
Это связано с эвент лупом.

Чем отличается событие клика от button.click();?

button.D(

Что такое .D ?

Чем отличается событие клика от button.click()

Событие вызывается когда пользователь нажмёт на кнопку.
button.click() - программный тригери клика на кнопке без участия пользователя. То есть клик из под скрипта.

Объект event, который пробросится в обработчик клика будет не одинаковый.
Например, будет отличаться свойство isTrusted - у программного клика будет false.

Ну и не на всё можно сделать клик программно.

Почему не работают падинги и марджины?

где-то ошибся

Не сделали демку на codepen или codesandox, где воспроизводится проблема.

Из-за чего могли перестать работать выпадающие списки?

А это нормально что у вас десятки 404 ошибок в консоле?

Ошибки: Error: Hydration failed because the initial UI does not match what was rendered on the server. Как исправить?

NikolaiD, Если грубо говоря, то при серверном рендеринге разметка приходит с сервера. Она не рективно, то есть просто HTML.
Гидратация это процесс мержа разметки с клиентской реактивностью. Чтобы дальше работать как SPA.
И когда фрэймворк видит что пришедшая разметка с сервера не совпадает с той, которая должна была отрисоваться на клиенте, выдаёт ошибку гидратации.

Чтобы исправить любую ошибку гидратации есть 2 основных пути:
1) Синхронизировать разметку между сервером и клиентом. В вашем случае уйти от проверки локал стоража. Тут в комментах всего не опишешь. Гуглите.
2) Сделать рендеринг блока client-side only. Тоже гуглите под ваш конкретный стек. Если даже библиотечки хелперы под это.

До какой ширины стоит адаптировать сайты?

HardBot, Так автор не про вёрстку и спрашивает. До каких разрешений АДАПТИРОВАТЬ и прямо пишет что его адаптивность не подстраивается под такие разрешения.

До какой ширины стоит адаптировать сайты?

Noder SS, Пользователи iphone XR, SE, Galaxy s20 и ещё далее по списку грустят от такого ответа.

Ошибки: Error: Hydration failed because the initial UI does not match what was rendered on the server. Как исправить?

NikolaiD,

но я что-то ничего не понял

Окей, давайте по пунктам:
- У вас проблема не совпадения рендеринга на сервере и на клиенте.
- Такая проблема возникает чаще всего по 2м причинам: 1) Используется v-if; 2) на клиенте пропущены не обязательные тэги (например, thead и tbody для таблицы, на сервере они автоматом прописываются - на клиенте браузером)
- Судя по предоставленной разметке у Вас первый случай с v-if.
- Проблема с ошибкой гидратации(знаете же что такое гидратация? если нет, надо идти гуглить, это важно знать) при v-if возникает тогда, когда на сервере условие, которое внутри v-if, не совпадает с клиентом. Например, на сервере false, а на клиенте true.

Суммируем всё вышесказанное: у вас на серверном рендеринге isAuth имеет такое же значение как на клиенте? Или при монтировании приложения эта переменная изменяется на основе данных, которые хранятся на клиенте? Например, берётся значение из local storag и пушится в state?