--- id: 5f3ef6e0819d4f23ca7285e6 title: Step 48 challengeType: 0 dashedName: step-48 --- # --description-- Aggiungi un elemento `article` vuoto sotto l'intestazione `Desserts`. Dagli un attributo `class` con il valore `item`. # --hints-- Non dovresti cambiare l'elemento `h2` esistente. ```js assert($('h2').length === 2); ``` L'elemento `article` dovrebbe essere sotto l'elemento `h2`. ```js assert($('section')[1].children[1].tagName === 'ARTICLE'); ``` Il nuovo elemento `article` dovrebbe avere la classe `item`. ```js assert($('section')[1].children[1].className === 'item'); ``` # --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; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; } .item p { display: inline-block; } .flavor { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```