--- id: 5f45a05977e2fa49d9119437 title: Step 73 challengeType: 0 dashedName: step-73 --- # --description-- To create a little more room around the menu, add `20px` of space on the inside of the `body` element by using the `padding` property. # --hints-- You should set the `padding` property to `20px`. ```js assert(code.match(/padding:\s*20px;?/i)); ``` Your `body` element should have a `padding` of `20px`. ```js const bodyPadding = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('padding'); assert(bodyPadding === '20px'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css --fcc-editable-region-- body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); font-family: sans-serif; } --fcc-editable-region-- h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } hr { height: 2px; background-color: brown; border-color: brown; } h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```