Cafe Menu

--- id: 5f35e5c4321f818cdc4bed30 title: Step 30 challengeType: 0 dashedName: step-30 --- # --description-- It’s looking good. Time to start adding some menu items. Add an empty `article` element under the `Coffee` heading. It will contain a flavor and price of each coffee you currently offer. # --hints-- You should have an opening `

` tag. ```js assert(code.match(/

/i)); ``` You should have a closing `

` tag. ```js assert(code.match(/<\/article>/i)); ``` You should not change the existing `h2` element. ```js assert($('h2').length === 1); ``` Your `article` element should come after your `h2` element. ```js const article = $('article')[0]; assert(article.previousElementSibling.tagName === 'H2'); ``` # --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; } ```