--- id: 5f459cf202c2a3472fae6a9f title: Part 73 challengeType: 0 --- ## Description
Notice how the thickness of the line looks bigger? The default value of a property named `border-width` is `1px` for all edges of `hr` elements. By changing the background to the same color as the background, the total height of the line is `5px` (`3px` plus the top and bottom border width of `1px`). Change the `height` property of the `hr` to be `2px`, so the total height of it becomes `4px`.
## Tests
```yml tests: - text: Test 1 testString: '' ```
## Challenge Seed
```html Camper Cafe Menu ```
```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); font-family: sans-serif; } 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; } --fcc-editable-region-- hr { height: 3px; background-color: brown; border-color: brown; } --fcc-editable-region-- h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } ```