--- id: 5f3c866d28d7ad0de6470505 title: Passo 33 challengeType: 0 dashedName: step-33 --- # --description-- Os sabores e preços estão atualmente empilhados uns sobre os outros e centrados com seus elementos `p` respectivos. Seria bom se o sabor estivesse à esquerda e o preço estivesse à direita. Adicione o nome da classe `flavor` ao elemento `p` que diz `French Vanilla`. # --hints-- Você deve adicionar a classe `flavor` ao seu elemento `p`. ```js assert(code.match(//i)); ``` Você deve ter apenas um elemento com a classe `flavor`. ```js assert($('.flavor').length === 1); ``` Sua classe `flavor` deve estar no elemento `p` com o texto `French Vanilla`. ```js assert($('.flavor')[0].innerText.match(/French Vanilla/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; } ```