--- id: 614090d5a22b6f0a5a6b464c title: Step 13 challengeType: 0 dashedName: step-13 --- # --description-- Target unordered list elements within `nav` elements, and use _Flexbox_ to evenly space the children. # --hints-- You should use the `nav > ul` selector. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('nav > ul')); ``` You should give the `nav > ul` elements a `display` of `flex`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.display, 'flex'); ``` You should give the `nav > ul` elements a `justify-content` of `space-evenly`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.justifyContent, 'space-evenly'); ``` # --seed-- ## --seed-contents-- ```html Accessibility Quiz

HTML/CSS Quiz

``` ```css body { background: #f5f6f7; color: #1b1b32; font-family: Helvetica; margin: 0; } header { width: 100%; height: 50px; background-color: #1b1b32; display: flex; } #logo { width: max(100px, 18vw); background-color: #0a0a23; aspect-ratio: 35 / 4; padding: 0.4rem; } h1 { color: #f1be32; font-size: min(5vw, 1.2em); } nav { width: 50%; max-width: 300px; height: 50px; } --fcc-editable-region-- --fcc-editable-region-- ```