---
id: 61487b77d4a37707073a64e5
title: Passo 48
challengeType: 0
dashedName: step-48
---
# --description--
Quando a largura da tela é pequena, o `h1` não envolve seu conteúdo de texto como deveria. Centralize o texto para `h1`.
Em seguida, dê a `main` um espaçamento de maneira que a seção de `Student Info` possa ser totalmente vista.
# --hints--
Você deve dar ao `h1` um `text-align` de `center`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('h1')?.textAlign, 'center');
```
Você deve adicionar um seletor `main` para segmentar o elemento `main`.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('main'));
```
Você deve dar ao `main` um `padding-top` de pelo menos `25px`.
```js
assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('main')?.paddingTop?.replace(/\D+/, '')), 25);
```
Você deve alterar somente o valor `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
