> For the complete documentation index, see [llms.txt](https://helpwith.salesorder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpwith.salesorder.com/trade-acceleration-portal-2.0/tap-ux/blocks/block-configurations/flex-box-settings/column-row-gap.md).

# Column/Row Gap

This defines the pixel count representing the space between columns or rows.&#x20;

\
A smaller pixel value results in a smaller gap between elements.&#x20;

<figure><img src="/files/ZkQe6pdbsPor5Emafp10" 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)
