--- id: 5f3cade9993019e26313fa8e title: Step 43 challengeType: 0 dashedName: step-43 --- # --description-- Ora che sai che funziona, puoi cambiare gli altri elementi `article` e `p` per disporli come il primo set. Inizia aggiungendo la classe `item` agli altri elementi `article`. # --hints-- Dovresti avere solo cinque elementi `article`. ```js assert($('article').length === 5); ``` Dovresti avere solo cinque elementi `.item`. ```js assert($('.item').length === 5); ``` Gli elementi `.item` dovrebbero essere gli elementi `article`. ```js const articles = $('article'); const items = $('.item'); assert(articles[0] === items[0]); assert(articles[1] === items[1]); assert(articles[2] === items[2]); assert(articles[3] === items[3]); assert(articles[4] === items[4]); ``` # --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: 50%; } .price { text-align: right; width: 50%; } ```