--- id: 5f35e5c44359872a137bd98f title: Passo 29 challengeType: 0 dashedName: step-29 --- # --description-- Como o principal produto para venda na cafeteria é o café, você pode usar uma imagem de grãos de café para o fundo da página. Exclua o comentário e o conteúdo dentro do seletor de tipos `body`. Em seguida, adicione uma propriedade `background-image` e defina seu valor como `url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg)`. # --hints-- Você deve remover o comentário com a propriedade `background-color`. ```js assert(!code.match(/\/\*\s*background-color:\s*burlywood;?\s*\*\//i)) ``` O seletor `body` não deve conter nenhum comentário. ```js assert(!code.match(/body\s*{\s*\/\*/i)); ``` Defina a propriedade `background-image` com o valor `url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg)`. ```js const hasBackground = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['background-image'] === `url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg")`) assert(hasBackground) ``` O elemento `body` deve ter como imagem de fundo os grãos de café. ```js const bodyBackground = new __helpers.CSSHelp(document).getStyle('body')?.getPropertyValue('background-image'); console.log(bodyBackground); assert(bodyBackground === `url("https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg")`); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { --fcc-editable-region-- /* background-color: burlywood; */ --fcc-editable-region-- } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; } ```