--- id: 60fadd972e6ffe0d6858fa2d title: Step 42 challengeType: 0 dashedName: step-42 --- # --description-- It would be nicer to have the `label` text appear above the form elements. Select all `input`, `textarea`, and `select` elements, and make them take up the full width of their parent elements. Also, add `10px` of `margin` to the top of the selected elements. Set the other margins to `0`. # --hints-- You should use a comma separated element selector to select the `input`, `textarea`, and `select` elements. ```js assert.isTrue(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].some(selector => new __helpers.CSSHelp(document).getStyle(selector))); ``` You should set the `width` property to `100%`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.width, '100%'); ``` You should set the `margin-top` property to `10px`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginTop, '10px'); ``` You should set the `margin-bottom` property to `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginBottom, '0px'); ``` You should set the `margin-left` property to `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginLeft, '0px'); ``` You should set the `margin-right` property to `0`. ```js const selFunc = (selector) => new __helpers.CSSHelp(document).getStyle(selector); assert.equal(selFunc(['input, textarea, select', 'input, select, textarea', 'select, input, textarea', 'select, textarea, input', 'textarea, input, select', 'textarea, select, input'].find(selFunc))?.marginRight, '0px'); ``` # --seed-- ## --seed-contents-- ```html freeCodeCamp Registration Form Project

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; } fieldset { border: none; padding: 2rem 0; } fieldset:not(:last-of-type) { border-bottom: 3px solid #3b3b4f; } label { display: block; margin: 0.5rem 0; } --fcc-editable-region-- --fcc-editable-region-- ```