# Расстояние между столбцами в CSS гридах

Можно задать расстояние между столбцами сетки. Это делается с помощью свойства `column-gap`, которое задается в элементе-родителе.

Давайте зададим расстояние в пикселях между столбцами в гриде:

`<div id="parent"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </div>` `#parent { display: grid; column-gap: 20px; grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr; padding: 10px; border: 2px solid #696989; width: 600px; height: 200px; } #parent > div { padding: 10px; border: 1px solid #696989; }`

:

Создайте таблицу, в которой расстояние между столбцами составит `20%`.

← →
↑