Кроме того, возьмите любой CSS-фреймворк. Если вдруг вам придется на них верстать, вы увидите, что там везде mobile-first. Будете дополнять его своим desktop-first кодом, получите кашу.
Ринат Ильясов, js тут будет необходим в любом случае.
Однако, если вы используете liveware компоненты, то javascript самостоятельно писать не придется, фреймворк сам все сделает.
тут скорее justify-content:stretch уместнее будет.
torbach при изменении направления у вас оси меняются местами.
при row flex-basic действует по горизонтали, при column - по вертикали.
при это при row высота блока определяется содержимым (предполагаю, что у вас justify-content: center), а при column – ширина блока определяется содержимым (оси поменялись, помните?).
можете сделать justify-content:stretch чтобы выровнять блоки по поперечной оси.
или отдельно задавать width при direction: column
redesupar, это не просьба, а херотень.
С точки зрения бэка, туда придет всего одно значение с заданным ключом.
Селект ваш скрытый, значит взаимодействие пользователя с ним не предполагается.
Значит можно селект заменить на банальный input type=hidden и ничего не поменяется
какой-то хреновый пример.
Лампочка, показывающая, что работает сигнализация – это не освещение, а индикация.
Соответственно, тут должно быть два интерфейса: "Освещение" и "Индикация".
"Спальня" и "Кухня" могут реализовать интерфейс "Освещение", а "Сигнализация" имплементирует интерфейс "Индикация".