Contents

Row Padding

Space inside the row, between the row edges and its columns.

Where to find it
Labelled Padding in the "Entire Row" section of the Modify drawer.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
Underlying CSS
padding

In plain English

Padding is the cushion inside the row band. Background colour and border sit outside that cushion; the columns sit inside it.

When you would use it

  • A coloured row needs inset so columns are not flush with the coloured edge.

How to change it

  1. Open "Entire Row", then "Padding", and set each side (or all sides together).
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • Padding does not separate columns from each other — use Gap for that.

Related settings

For developers

The technical reference for what this setting produces: MDN: padding. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.

Where to go next