Максим

От разрешения 768px действительно все не очень хорошо, контент обрезается. Скорее всего клиент словил это в горизонтальном формате.

document.querySelectorприменяется к одному элементу, если вам необходимо несколько элементов, заюзайте document.querySelectorAll Потом проверяете количество элементов и крутите цикл.

Почитать о методе - https://developer.mozilla.org/ru/docs/Web/API/Docu...

https://www.teamviewer.com/ru/
https://remotedesktop.google.com/

Странно, но у меня, там где фигма, мой i7 7500 и 8 гигов оперативки не справляются, если параллельно открыть фотошоп, или если ноут не перезагружал дня 4-5...
Проц тут не проблема, но только фигма съедает 2-3 гб оперы, фотошоп хочет около 2, + пару вкладок хрома около 1500мб, где остальное не известно, но факт, что нужно 16 гигов ))

Залей все одной картинкой(оба фона и все) . Зачем делать двумя?

В сети есть множество примеров. Есть официальный пример из документации самой Three.js. Или вот, например, другой вариант, с дополнением в виде статьи.

Я не очень понял твоё понимание("великий и могучий..."), но суть такова:
(попытаюсь на пальцах, ибо сам в теории не силен)
в пропсы компонента Square опускается не только вэлью(крестик или нолик), но и setState, обернутый в handleClick. То есть, таким образом, кликая по баттону в Square, фактически ты меняешь состояние компонента Board (

handleClick(i) {
const squares = this.state.squares.slice();
squares[i] = this.state.xIsNext ? 'X' : 'O';
this.setState({
squares: squares,
xIsNext: !this.state.xIsNext,
}); (вот тут).

А this. говорит реакту, что нужно передать handleClick из этого компонента.

Гифка со звуком, вообще-то, называется - видео.

На флексах очень просто
вот пример