---
id: 614884c1f5d6f30ab3d78cde
title: Step 53
challengeType: 0
dashedName: step-53
---
# --description--
Give the `.formrow` elements top margin, and left and right padding. The other padding values should be `0`.
Then, increase the font size for all `input` elements.
# --hints--
You should use a `.formrow` selector to target the `.formrow` elements.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('.formrow'));
```
You should give the `.formrow` a `margin-top` of at least `1px`.
```js
const val = new __helpers.CSSHelp(document).getStyle('.formrow')?.marginTop;
let valInPx = 0;
if (/^\d+rem$/.test(val)) {
valInPx = remToPx(Number(val.replace('rem', '')));
} else if (/^\d+em$/.test(val)) {
valInPx = emToPx(Number(val.replace('em', '')));
} else {
valInPx = Number(val?.replace('px', ''));
}
function emToPx(em) {
return em * parseFloat(getComputedStyle(document.querySelector('.formrow'))?.fontSize);
}
function remToPx(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement)?.fontSize);
}
assert.isAtLeast(valInPx, 1);
```
You should give the `.formrow` a `padding-top` of `0`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.formrow')?.paddingTop, '0px');
```
You should give the `.formrow` a `padding-right` of at least `1px`.
```js
const val = new __helpers.CSSHelp(document).getStyle('.formrow')?.paddingRight;
let valInPx = 0;
if (/^\d+rem$/.test(val)) {
valInPx = remToPx(Number(val.replace('rem', '')));
} else if (/^\d+em$/.test(val)) {
valInPx = emToPx(Number(val.replace('em', '')));
} else {
valInPx = Number(val?.replace('px', ''));
}
function emToPx(em) {
return em * parseFloat(getComputedStyle(document.querySelector('.formrow'))?.fontSize);
}
function remToPx(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement)?.fontSize);
}
assert.isAtLeast(valInPx, 1);
```
You should give the `.formrow` a `padding-bottom` of `0`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.formrow')?.paddingBottom, '0px');
```
You should give the `.formrow` a `padding-left` of at least `1px`.
```js
const val = new __helpers.CSSHelp(document).getStyle('.formrow')?.paddingLeft;
let valInPx = 0;
if (/^\d+rem$/.test(val)) {
valInPx = remToPx(Number(val.replace('rem', '')));
} else if (/^\d+em$/.test(val)) {
valInPx = emToPx(Number(val.replace('em', '')));
} else {
valInPx = Number(val?.replace('px', ''));
}
function emToPx(em) {
return em * parseFloat(getComputedStyle(document.querySelector('.formrow'))?.fontSize);
}
function remToPx(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement)?.fontSize);
}
assert.isAtLeast(valInPx, 1);
```
You should use an `input` selector to target the `input` elements.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('input'));
```
You should give the `input` a `font-size` greater than `13px`.
```js
const val = new __helpers.CSSHelp(document).getStyle('input')?.fontSize;
let valInPx = 0;
if (/^\d+rem$/.test(val)) {
valInPx = remToPx(Number(val.replace('rem', '')));
} else if (/^\d+em$/.test(val)) {
valInPx = emToPx(Number(val.replace('em', '')));
} else {
valInPx = Number(val?.replace('px', ''));
}
function emToPx(em) {
return em * parseFloat(getComputedStyle(document.querySelector('.formrow'))?.fontSize);
}
function remToPx(rem) {
return rem * parseFloat(getComputedStyle(document.documentElement)?.fontSize);
}
assert.isAtLeast(valInPx, 13);
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
