--- id: 5f45a5a7c49a8251f0bdb527 title: Step 75 challengeType: 0 dashedName: step-75 --- # --description-- Using the same style selector in the previous step, make the font size of the items and prices larger by using a value of `18px`. # --hints-- You should set the `font-size` property to `18px`. ```js const hasFontSize = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['font-size'] === '18px'); assert(hasFontSize); ``` 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 `font-size` of `18px`. ```js const itemPFontSize = new __helpers.CSSHelp(document).getStyle('.item p')?.getPropertyValue('font-size'); assert(itemPFontSize === '18px'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); font-family: sans-serif; padding: 20px; } 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; } --fcc-editable-region-- .item p { display: inline-block; margin-top: 5px; margin-bottom: 5px; } --fcc-editable-region-- .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```