--- id: 5f3ef6e04559b939080db057 title: Step 55 challengeType: 0 dashedName: step-55 --- # --description-- Da alle 4 Seiten der Speisekarte die gleichen Abstände haben, lösche die vier Eigenschaften und verwende eine einzige `padding`-Eigenschaft mit dem Wert `20px`. # --hints-- Du solltest die `padding-left`-Eigenschaft entfernen. ```js assert(!code.match(/padding-left/i)); ``` Du solltest die `padding-right`-Eigenschaft entfernen. ```js assert(!code.match(/padding-right/i)); ``` Du solltest die `padding-top`-Eigenschaft entfernen. ```js assert(!code.match(/padding-top/i)); ``` Du solltest die `padding-bottom`-Eigenschaft entfernen. ```js assert(!code.match(/padding-bottom/i)); ``` Du solltest die `padding`-Eigenschaft auf `20px` setzen. ```js const hasPadding = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['padding'] === '20px'); assert(hasPadding); ``` Your `.menu` element should have a `padding` value of `20px`. ```js const menuPadding = new __helpers.CSSHelp(document).getStyle('.menu')?.getPropertyValue('padding'); assert(menuPadding === '20px'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); } h1, h2, p { text-align: center; } --fcc-editable-region-- .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } --fcc-editable-region-- .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```