# Column/Row Gap

This defines the pixel count representing the space between columns or rows. 

\
A smaller pixel value results in a smaller gap between elements. 

<figure><img src="https://2650739216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnVmamp3TnQON29mRg6Hg%2Fuploads%2FbZMImhZ6MwKaYgQgKCxx%2Fflexbox%20settings%20-%20columnrow%20gap.png?alt=media&#x26;token=bc69876a-3d16-44d9-bd4c-363420829902" alt=""><figcaption></figcaption></figure>

Experiment with these examples:

Column Gap: 10px, 30px, 70px

Row Gap: 10px, 30px, 100px

[Test Column Gaps](https://www.w3schools.com/cssref/playdemo.php?filename=playcss_column-gap)

[Test Row Gaps](https://www.w3schools.com/cssref/playdemo.php?filename=playcss_row-gap)