---
id: 5f3ef6e050279c7a4a7101d3
title: Step 55
challengeType: 0
dashedName: step-55
---
# --description--
That looks better. Now try to add the same `20px` padding to the top and bottom of the menu.
# --hints--
You should not remove the `padding-left` or `padding-right` properties.
```js
const paddingLeft = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-left');
assert(paddingLeft === '20px');
const paddingRight = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-right');
assert(paddingRight === '20px');
```
You should set the `padding-top` property to `20px`.
```js
const hasPaddingTop = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-top'] === '20px');
assert(hasPaddingTop);
```
You should set the `padding-bottom` property to `20px`.
```js
const hasPaddingBottom = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding-top'] === '20px');
assert(hasPaddingBottom);
```
Your `.menu` element should have a `padding-top` of `20px`.
```js
const menuPaddingTop = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-top');
assert(menuPaddingTop === '20px');
```
Your `.menu` element should have a `padding-bottom` of `20px`.
```js
const menuPaddingBottom = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding-bottom');
assert(menuPaddingBottom === '20px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu