CSS-сетка: как свернуть разные столбцы minmax в 1 кадр? - PullRequest
Новая
       19

CSS-сетка: как свернуть разные столбцы minmax в 1 кадр?

0 голосов
/ 06 ноября 2019

enter image description here

Просмотр и выплата являются их собственными контейнерами. Родитель, в котором они размещены, имеет следующий CSS: 

const MainAreaContainer = styled.div`
  display: grid;
  grid-gap: .5rem;
  grid-template-columns: minmax(250px, 1fr) minmax(400px, 1fr);
  align-items: start;
  justify-content: space-around;

  > * {
    margin: 15px 5px;
  }
`;

2 столбца сохраняются с переполнением, как описано выше.

В этом примере я могу получить их в 1 кадр, но оба должны иметьто же самое минимальное значение: 

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

Я хочу, чтобы правый столбец имел минимальную ширину 400 пикселей. Как правильно это сделать?

...