---
id: 5f3ef6e03d719d5ac4738993
title: Step 56
challengeType: 0
dashedName: step-56
---
# --description--
La larghezza corrente del menu occuperà sempre l'80% della larghezza dell'elemento `body`. Su uno schermo molto ampio, i caffè e i dessert appaiono molto lontani dai loro prezzi.
Aggiungi una proprietà `max-width` alla classe `menu` con un valore di `500px` per evitare che la sua larghezza diventi eccessiva.
# --hints--
Dovresti assegnare alla proprietà `max-width` il valore `500px`.
```js
const hasMaxWidth = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['max-width'] === '500px');
assert(hasMaxWidth);
```
L'elemento `.menu` dovrebbe avere una proprietà `max-width` con il valore `500px`.
```js
const menuMaxWidth = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('max-width');
assert(menuMaxWidth === '500px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu