---
id: 5f7692f7c5b3ce22a57788b6
title: Step 45
challengeType: 0
dashedName: step-45
---
# --description--
To complete the styling, add the applicable class names `flavor` and `price` to all the remaining `p` elements.
# --hints--
You should have five `.flavor` elements.
```js
assert($('.flavor').length === 5);
```
You should have five `.price` elements.
```js
assert($('.price').length === 5);
```
Your `.flavor` elements should be your `p` elements with the text `French Vanilla`, `Caramel Macchiato`, `Pumpkin Spice`, `Hazelnut`, and `Mocha`.
```js
const p = $('p');
const flavor = $('.flavor');
assert(p[1] === flavor[0]);
assert(p[3] === flavor[1]);
assert(p[5] === flavor[2]);
assert(p[7] === flavor[3]);
assert(p[9] === flavor[4]);
```
Your `.price` elements should be your `p` elements with the text `3.00`, `3.75`, `3.50`, `4.00`, and `4.50`.
```js
const p = $('p');
const price = $('.price');
assert(p[2] === price[0]);
assert(p[4] === price[1]);
assert(p[6] === price[2]);
assert(p[8] === price[3]);
assert(p[10] === price[4]);
```
# --seed--
## --seed-contents--
```html
Cafe Menu