---
id: 5f3ef6e0eaa7da26e3d34d78
title: Step 54
challengeType: 0
dashedName: step-54
---
# --description--
You can give your menu some space between the content and the sides with various `padding` properties.
Give the `menu` class a `padding-left` and a `padding-right` with the same value `20px`.
# --hints--
You should set the `padding-left` property to `20px`.
```js
const hasPaddingLeft = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-left'] === '20px');
assert(hasPaddingLeft);
```
You should set the `padding-right` property to `20px`.
```js
const hasPaddingRight = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-right'] === '20px');
assert(hasPaddingRight);
```
Your `.menu` element should have a `padding-left` of `20px`.
```js
const menuPaddingLeft = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-left');
assert(menuPaddingLeft === '20px');
```
Your `.menu` element should have a `padding-right` of `20px`.
```js
const menuPaddingRight = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-right');
assert(menuPaddingRight === '20px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu