--- id: 5f3cade99dda4e6071a85dfd title: Step 47 challengeType: 0 dashedName: step-47 --- # --description-- You will come back to the styling the menu in a few steps, but for now, go ahead add a second `section` element below the first for displaying the desserts offered by the cafe. # --hints-- You should have an opening `section` tag. ```js assert(code.match(/
/ig).length === 2); ``` You should have a closing `section` tag. ```js assert(code.match(/<\/section>/ig).length === 2); ``` You should not change the existing `main` element. ```js assert($('main').length === 1); ``` Your new `section` element should be nested in the `main` element. ```js assert($('main').children('section').length === 2); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu

CAMPER CAFE

Est. 2020

--fcc-editable-region--

Coffee

French Vanilla

3.00

Caramel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

--fcc-editable-region--
``` ```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: 75%; } .price { text-align: right; width: 25% } ```