---
id: 61487b77d4a37707073a64e5
title: Step 48
challengeType: 0
dashedName: step-48
---
# --description--
Quando la larghezza dello schermo è piccola, l'elemento `h1` non si mette su più righe come dovrebbe. Allinea al centro il testo di `h1`.
Poi, dai a `main` un padding che renda completamente visibile l'intestazione di sezione `Student Info`.
# --hints--
Dovresti dare ad `h1` un `text-align` di `center`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('h1')?.textAlign, 'center');
```
Dovresti aggiungere un selettore `main` per selezionare l'elemento `main`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('main'));
```
Dovresti dare a `main` un `padding-top` di almeno `25px`.
```js
assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('main')?.paddingTop?.replace(/\D+/, '')), 25);
```
Dovresti cambiare solo il valore di `padding-top`.
```js
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('main')?.paddingBottom);
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('main')?.paddingLeft);
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('main')?.paddingRight);
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
