--- id: 60a3e3396c7b40068ad69987 title: Step 29 challengeType: 0 dashedName: step-29 --- # --description-- Non sei obbigato a usare i pixel quando dimensioni un elemento. Crea una nuova regola, `.three`e imposta la sua `width` a `91%`. # --hints-- Dovresti utilizzare il selettore `.three`. ```js const hasThree = new __helpers.CSSHelp(document).getStyle('.three'); assert(hasThree); ``` Dovresti impostare la proprietà `width` a `91%`. ```js const hasWidth = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style.width === '91%'); assert(hasWidth); ``` L'elemento `#box-1` dovrebbe avere un valore `flex-basis` di `10em`. ```js const threeWidth = new __helpers.CSSHelp(document).getStyle('.three')?.getPropertyValue('width'); assert(threeWidth === '91%'); ``` # --seed-- ## --seed-contents-- ```css .canvas { width: 500px; height: 600px; background-color: #4d0f00; overflow: hidden; } .frame { border: 50px solid black; width: 500px; padding: 50px; margin: 20px auto; } .one { width: 425px; height: 150px; background-color: #efb762; margin: 20px auto; } .two { width: 475px; height: 200px; background-color: #8f0401; margin: auto; } --fcc-editable-region-- --fcc-editable-region-- ``` ```html