Как задать жестко задать размер колонок в grid таблице?

Для жесткого задания размеров колонок в CSS Grid таблице можно использовать свойство grid-template-columns. Это свойство позволяет определить размер каждой колонки в таблице с помощью значений, таких как пиксели, проценты или ключевые слова, такие как auto, min-content, max-content.

Например, если нужно определить три колонки в таблице, первая колонка будет иметь фиксированную ширину в 100 пикселей, вторая колонка будет занимать всю доступную ширину, а третья колонка будет иметь ширину в 200 пикселей, то стили для такой таблицы могут быть следующие:

.grid-container {
  display: grid;
  grid-template-columns: 100px 1fr 200px;
}

В данном примере свойство grid-template-columns указывает три значения: 100px для первой колонки, 1fr для второй колонки (она займет всю доступную ширину), и 200px для третьей колонки.

Таким образом, задавая размеры колонок с помощью grid-template-columns, можно точно управлять шириной колонок в CSS Grid таблице.