---
id: 5f3ef6e04559b939080db057
title: Step 56
challengeType: 0
dashedName: step-56
---
# --description--
Since all 4 sides of the menu have the same internal spacing, go ahead and delete the four properties and use a single `padding` property with the value `20px`.
# --hints--
You should remove the `padding-left` property.
```js
assert(!code.match(/padding-left/i));
```
You should remove the `padding-right` property.
```js
assert(!code.match(/padding-right/i));
```
You should remove the `padding-top` property.
```js
assert(!code.match(/padding-top/i));
```
You should remove the `padding-bottom` property.
```js
assert(!code.match(/padding-bottom/i));
```
You should set the `padding` property to `20px`.
```js
const hasPadding = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding'] === '20px');
assert(hasPadding);
```
Your `.menu` element should have a `padding` value of `20px`.
```js
const menuPadding = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding');
assert(menuPadding === '20px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu