--- id: 60fad99e09f9d30c1657e790 title: Step 39 challengeType: 0 dashedName: step-39 --- # --description-- Center the `form` element, by giving it a `margin` of `0 auto`. Then, fix its size to a maximum `width` of `500px`, and a minimum width of `300px`. In between that range, allow it to have a `width` of `60vw`. # --hints-- You should use a `form` selector to style the `form` element. ```js assert.exists(new __helpers.CSSHelp(document).getStyle('form')); ``` You should give the `form` a `margin` of `0 auto`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.margin, '0px auto'); ``` You should give the `form` a `max-width` of `500px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.maxWidth, '500px'); ``` You should give the `form` a `min-width` of `300px`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.minWidth, '300px'); ``` You should give the `form` a `width` of `60vw`. ```js assert.equal(new __helpers.CSSHelp(document).getStyle('form')?.width, '60vw'); ``` # --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; } --fcc-editable-region-- --fcc-editable-region-- label { display: block; margin: 0.5rem 0; } ```