ice-frontend-react-mobx/src/components/Devices/DeviceForm/DeviceForm.css

ICE Frontend REACT+MobX

@import 'media.css';

.wideColumn ul {
  height: 300px;
}

@media (--lg-screen) {
  .twoColumn,
  .threeColumn {
    display: flex;
    justify-content: space-between;
  }

  .twoColumn {
    > .wideColumn {
      width: 65%;
    }
    > .narrowColumn {
      width: 34%;
    }
  }

  .threeColumn {
    > .wideColumn {
      width: 50%;
    }
    > .narrowColumn {
      width: 24%;
    }
  }

  .fourColumn {
    > .wideColumn {
      width: 30%;
    }
    > .narrowColumn {
      width: 19%;
    }
  }
}