Оперативно реагировать на выравнивание содержимого и слайдера в одном и том же контейнере в строке ⇐ CSS

[Anonymous]

Я пытаюсь использовать flex, где в левой части будет некоторый контент, а в правой части будет слайдер, но когда я применяю flex к основному контейнеру, ползунок не отображается.

Как это исправить

App.js

import "./styles.css"; импортировать слайдер из «react-slick»; импортировать «slick-carousel/slick/slick.css»; импортировать «slick-carousel/slick/slick-theme.css»; экспортировать функцию по умолчанию App() { возвращаться ( Привет {[1, 2, 3, 4].map((d) => ( {d} ))} ); } style.css

.container { ширина: расчет (100% — 194 пикселей); поле: 0 авто 20 пикселей авто; дисплей: гибкий; граница: сплошная 1 пиксель; } .пользователь { ширина: 140 пикселей; высота: 180 пикселей; цвет фона: красный; } .sliderSection { поле слева: 30 пикселей; } Коды