---
id: 5f45a276c093334f0f6e9df4
title: Step 74
challengeType: 0
dashedName: step-74
---
# --description--
Focusing on the menu items and prices, there is a fairly large gap between each line.
Target all the `p` elements nested in elements with the `class` named `item` and set their top and bottom margin to be `5px`.
# --hints--
You should set the `margin-top` property to `5px`.
```js
const hasMarginTop = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-top'] === '5px');
assert(hasMarginTop);
```
You should set the `margin-bottom` property to `5px`.
```js
const hasMarginBottom = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['margin-bottom'] === '5px');
assert(hasMarginBottom);
```
You should use the existing `.item p` selector.
```js
const hasOneSelector = new __helpers.CSSHelp(document).getStyleDeclarations('.item p');
assert(hasOneSelector.length === 1);
```
Your `p` elements nested in your `.item` elements should have a `margin-top` of `5px`.
```js
const itemPMarginTop = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('margin-top');
assert(itemPMarginTop === '5px');
```
Your `p` elements nested in your `.item` elements should have a `margin-bottom` of `5px`.
```js
const itemPMarginBottom = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('margin-bottom');
assert(itemPMarginBottom === '5px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu