Адаптивная сетка индивидуального размера предмета

Question

Есть ли способ сделать размер сетки неравномерным и основываться на размере содержимого для каждого отдельного элемента вместо использования размера самого большого элемента.

Answer 1

Вы можете попробовать это:

grid-auto-rows: max-content;

Answer 2

Да, есть, вы можете использовать float: left для достижения того, что вы хотите. Существует эта скрипка с кодом.

<div class="wrapper cf">
    <div class="item">Your content goes here</div>
    <div class="item">Your content goes here</div>
</div>

.cf {
  *zoom: 1;

  &::after {
    clear: both;
  }

  &::before,
  &::after {
    content: " ";
    display: table;
  }
}

.item {
  float: left;
}

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