# Add Section Spacing

## Step 1: Add Spacing Block

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBCbG5pGU1x55FX4Va%2Fspacing_1.png?alt=media\&token=91c25940-afe7-4f40-aef8-99eedd7196ac)

## Step 2: Add Margin&#x20;

You can add different spacing for different websites. (Desktop, Laptop, Mobile)

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBChjA377kt18WdMn_%2Fspacing_2.png?alt=media\&token=f0f03b31-8b57-418d-9bc2-857655c46211)

## Step 3: Add Padding&#x20;

#### If you add background Block

### Step 1: Add Background block

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBD_jzqTyfwOVw5umk%2Fbg_block.png?alt=media\&token=080a15aa-19b3-4438-b9e5-b6ca8055026c)

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBAxiBraW6lKBcN4-R%2F-MiBE-4OgY_QH0ppzLXd%2Fpadding_block.png?alt=media\&token=ff78b2dc-42c9-4f3e-ab13-e0bb1ce2030c)

### Step 2: Add Padding Block

![](https://2660769954-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MccyNuK6eTGishgIP-S%2F-MiBE4xCP--NgEXt_9bg%2F-MiBENfG5fJtZ3HV4_Pr%2Fpadding_block2.png?alt=media\&token=edb3f295-556f-492d-9865-1342b21be62d)
