--- id: 5f46fc57528aa1c4b5ea7c2e title: Part 77 challengeType: 0 --- ## Description

Changing the `bottom-margin` to `5px` looks great. However, now the space between the `Cinnamon Roll` menu item and the second `hr` element does not match the space between the top `hr` element and the `Coffees` heading. Add some more space by creating a class named `bottom-line` using `25px` for the `margin-top` property.

## Tests

```yml tests: - text: Test 1 testString: '' ```

## Challenge Seed

```html Camper Cafe Menu

CAMPER CAFE

Est. 2020

Coffees

French Vanilla

3.00

Carmel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinammon Roll

2.50

```

```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); font-family: sans-serif; padding: 20px; } h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } hr { height: 2px; background-color: brown; border-color: brown; } --fcc-editable-region-- --fcc-editable-region-- h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-size: 18px; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```