---
id: 61487b77d4a37707073a64e5
title: Step 48
challengeType: 0
dashedName: step-48
---
# --description--
When the screen width is small, the `h1` does not wrap its text content how it should. Center align the text for the `h1`.
Then, give the `main` padding such that the `Student Info` section header can be fully seen.
# --hints--
You should give the `h1` a `text-align` of `center`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('h1')?.textAlign, 'center');
```
You should add a `main` selector to target the `main` element.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('main'));
```
You should give the `main` a `padding-top` of at least `25px`.
```js
assert.isAtLeast(Number(new __helpers.CSSHelp(document).getStyle('main')?.paddingTop?.replace(/\D+/, '')), 25);
```
You should only change the `padding-top` value.
```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
