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');