--- id: 615f51e4e5b24a6e80eccce1 title: Step 30 challengeType: 0 dashedName: step-30 --- # --description-- All'interno dell'elemento `.calories-info`, crea un elemento `p`. Assegna a quest'elemento `p` un attributo `class` con il valore `bold sm-text` e il testo `Amount per serving`. # --hints-- Dovresti creare un nuovo elemento `p` all'interno dell'elemento `.calories-info`. ```js assert(document.querySelector('.calories-info')?.children?.[0]?.localName === 'p'); ``` Il nuovo elemento `p` dovrebbe avere un attributo `class` con il valore `bold sm-text`. ```js assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('bold')); assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('sm-text')); ``` Il nuovo elemento `p` dovrebbe avere il testo `Amount per serving`. ```js assert(document.querySelector('.calories-info')?.children?.[0]?.innerText === 'Amount per serving'); ``` # --seed-- ## --seed-contents-- ```html Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

--fcc-editable-region--

``` ```css * { box-sizing: border-box; } html { font-size: 16px; } body { font-family: 'Open Sans', sans-serif; } .label { border: 2px solid black; width: 270px; margin: 20px auto; padding: 0 7px; } header h1 { text-align: center; margin: -4px 0; letter-spacing: 0.15px } p { margin: 0; } .divider { border-bottom: 1px solid #888989; margin: 2px 0; } .bold { font-weight: 800; } .right { float: right; } .lg { height: 10px; } .lg, .md { background-color: black; border: 0; } ```