---
id: 61487da611a65307e78d2c20
title: Step 49
challengeType: 0
dashedName: step-49
---
# --description--
Su schermi piccoli, l'elenco puntato nella barra di navigazione va oltre il lato destro dello schermo.
Sistemalo usando _Flexbox_ per portare su più righe il contenuto di `ul`. Poi, imposta le seguenti proprietà CSS per allineare correttamente il testo:
```css
align-items: center;
padding-inline-start: 0;
margin-block: 0;
height: 100%;
```
# --hints--
Dovresti dare a `ul` un `flex-wrap` di `wrap`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.flexWrap, 'wrap');
```
Dovresti dare a `ul` un `align-items` di `center`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.alignItems, 'center');
```
Dovresti dare a `ul` un `padding-inline-start` di `0`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.paddingInlineStart, '0px');
```
Dovresti dare a `ul` un `margin-block` di `0`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.marginBlock, '0px');
```
Dovresti dare a `ul` un `height` di `100%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('nav > ul')?.height, '100%');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
