--- id: 5f459cf202c2a3472fae6a9f title: Step 71 challengeType: 0 dashedName: step-71 --- # --description-- Vedi come lo spessore della linea sembra maggiore? Il valore predefinito della proprietà chiamata `border-width` è `1px` per tutti i bordi degli elementi `hr`. Cambiando il bordo con lo stesso colore dello sfondo, l'altezza totale della linea è `5px` (`3px` più la larghezza del bordo superiore e inferiore di `1px`). Cambia il valore della proprietà `height` dell'elemento `hr` in `2px`, così che la sua altezza totale diventi `4px`. # --hints-- Dovresti assegnare alla proprietà `height` il valore `2px`. ```js const hasHeight = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.height === '2px'); assert(hasHeight); ``` L'elemento `hr` dovrebbe avere una proprietà `height` con il valore `2px`. ```js const hrHeight = new __helpers.CSSHelp(document).getStyle('hr')?.getPropertyValue('height'); assert(hrHeight === '2px'); ``` # --seed-- ## --seed-contents-- ```html Cafe Menu ``` ```css body { background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg); 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% } ```