--- id: 5d822fd413a79914d39e98e2 title: Step 26 challengeType: 0 dashedName: step-26 --- # --description-- Now that you've worked the bugs out and the buildings are the right colors, you can remove the fallback values in the two places they were used. Go ahead and do that now. # --hints-- You should remove the fallback in the `background-color` from `.bb2`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2')?.backgroundColor, 'var(--building-color2)'); ``` You should remove the fallback in the `background-color` from `.bb3`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('.bb3')?.backgroundColor.trim(), 'var(--building-color3)'); ``` # --seed-- ## --seed-contents-- ```html City Skyline
``` ```css :root { --building-color1: #aa80ff; --building-color2: #66cc99; --building-color3: #cc6699; } * { border: 1px solid black; box-sizing: border-box; } body { height: 100vh; margin: 0; overflow: hidden; } .background-buildings { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: space-evenly; } .bb1 { width: 10%; height: 70%; display: flex; flex-direction: column; align-items: center; } .bb1a { width: 70%; height: 10%; background-color: var(--building-color1); } .bb1b { width: 80%; height: 10%; background-color: var(--building-color1); } .bb1c { width: 90%; height: 10%; background-color: var(--building-color1); } .bb1d { width: 100%; height: 70%; background-color: var(--building-color1); } --fcc-editable-region-- .bb2 { width: 10%; height: 50%; background-color: var(--building-color2, green); } .bb3 { width: 10%; height: 55%; background-color: var(--building-color3, pink); } --fcc-editable-region-- .bb4 { width: 11%; height: 58%; } ```