--- id: 62ff919a7b5612c0670923a5 title: ใ‚นใƒ†ใƒƒใƒ— 37 challengeType: 0 dashedName: step-37 --- # --description-- Link the applicable form elements and their `label` elements together. Use `profile-picture`, `age`, `referrer`, and `bio` as values for the respective `id` attributes. # --hints-- The first `input` element should have an `id` of `profile-picture`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[0]?.matches('#profile-picture')) ``` The second `input` element should have an `id` of `age`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) input')?.[1]?.matches('#age')) ``` The `select` element should have an `id` of `referrer`. ```js assert(document.querySelector('fieldset:nth-of-type(3) select')?.matches('#referrer')) ``` The `textarea` element should have an `id` of `bio`. ```js assert(document.querySelector('fieldset:nth-of-type(3) textarea')?.matches('#bio')) ``` The first `label` element should have a `for` attribute with a value of `profile-picture`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[0]?.matches('label[for="profile-picture"]')) ``` The second `label` element should have a `for` attribute with a value of `age`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[1]?.matches('label[for="age"]')) ``` The third `label` element should have a `for` attribute with a value of `referrer`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[2]?.matches('label[for="referrer"]')) ``` The fourth `label` element should have a `for` attribute with a value of `bio`. ```js assert(document.querySelectorAll('fieldset:nth-of-type(3) label')?.[3]?.matches('label[for="bio"]')) ``` # --seed-- ## --seed-contents-- ```html Registration Form

Registration Form

Please fill out this form with the required information

--fcc-editable-region--
--fcc-editable-region--
``` ```css body { width: 100%; height: 100vh; margin: 0; background-color: #1b1b32; color: #f5f6f7; } label { display: block; margin: 0.5rem 0; } ```