--- id: 60fadb18058e950c73925279 title: Step 40 challengeType: 0 dashedName: step-40 --- # --description-- During development, it is useful to see the `fieldset` default borders. However, they make the content appear too separated. Remove the `border`, and add `2rem` of padding only to the top and bottom of each `fieldset`. Be sure to remove the `padding` from the left and right. # --hints-- You can use either a value of `none` or `0` to remove the `border`. ```js assert.match(new __helpers.CSSHelp(document).getStyle('fieldset')?.border, /(none)|(0px)/); ``` You should add `padding` of `2rem` to the top and bottom of each `fieldset`. ```js const fieldset = new __helpers.CSSHelp(document).getStyle('fieldset') assert.equal(fieldset?.paddingTop, '2rem'); assert.equal(fieldset?.paddingBottom, '2rem'); ``` You should remove the `padding` from the left and right of each `fieldset`. ```js const fieldset = new __helpers.CSSHelp(document).getStyle('fieldset') assert.equal(fieldset?.paddingLeft, '0px'); assert.equal(fieldset?.paddingRight, '0px'); ``` # --seed-- ## --seed-contents-- ```html Registration Form

Registration Form

Please fill out this form with the required information

``` ```css body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; font-family: Tahoma; font-size: 16px; } h1, p { margin: 1em auto; text-align: center; } form { width: 60vw; max-width: 500px; min-width: 300px; margin: 0 auto; } --fcc-editable-region-- --fcc-editable-region-- label { display: block; margin: 0.5rem 0; } ```