--- id: 5f3c866daec9a49519871816 title: Step 30 challengeType: 0 dashedName: step-30 --- # --description-- Gli elementi `article` spesso contengono più elementi che hanno informazioni correlate. In questo caso, conterrà il gusto del caffè e il prezzo corrispondente. Annida due elementi `p` all'interno dell'elemento`article`. Il testo del primo dovrebbe essere `French Vanilla`, e il testo del secondo `3.00`. # --hints-- Non dovresti cambiare l'elemento `article` esistente. ```js assert($('article').length === 1); ``` L'elemento `article` dovrebbe avere due elementi `p`. ```js assert($('article').children('p').length === 2); ``` Il primo elemento `p` dovrebbe avere il testo `French Vanilla`. ```js const firstP = $('article').children('p')[0]; assert(firstP.innerText.match(/French Vanilla/i)); ``` Il secondo elemento `p` dovrebbe avere il testo `3.00`. ```js const secondP = $('article').children('p')[1]; assert(secondP.innerText.match(/3\.00/i)); ``` # --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; } ```