Please help me to solve this question

HTML-CSS
1

To give the fieldset elements a bit of separation, select all but the last fieldset element, and give them a border-bottom of 3px solid #3b3b4f .

2

I am not seeing that in the link you provided us.
Are you working on a different lesson?

3

Am sorry
This is the link

1 Like
4

What have you tried so far?
What does your code look like?

5

the code is working up to step 42. the issue is setting fieldset elements a bit of separation, select all but the last fieldset element, and give them a border-bottom of 3px solid #3b3b4f .

6

It is hard to see where the issue is without seeing your code.
Please post what you have tried in the forum

7 
<title>Registration Form</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

<h1>Registration Form</h1>

<p>Please fill out this form with the required information</p>

<form action='https://fcc-registration-form.com'>

  <fieldset>

    <label>Enter Your First Name: <input type="text" name="first-name" required /></label>

    <label>Enter Your Last Name: <input type="text" name="last-name" required /></label>

    <label>Enter Your Email: <input type="email" name="email" required /></label>

    <label>Create a New Password: <input type="password" name="password" pattern="[a-z0-5]{8,}" required /></label>

  </fieldset>

  <fieldset>

    <label><input type="radio" name="account-type" /> Personal Account</label>

    <label><input type="radio" name="account-type" /> Business Account</label>

    <label>

      <input type="checkbox" name="terms" required /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>

    </label>

  </fieldset>

  <fieldset>

    <label>Upload a profile picture: <input type="file" name="file" /></label>

    <label>Input your age (years): <input type="number" name="age" min="13" max="120" />

    </label>

    <label>How did you hear about us?

      <select name="referrer">

        <option value="">(select one)</option>

        <option value="1">freeCodeCamp News</option>

        <option value="2">freeCodeCamp YouTube Channel</option>

        <option value="3">freeCodeCamp Forum</option>

        <option value="4">Other</option>

      </select>

    </label>

    <label>Provide a bio:

      <textarea name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>

    </label>

  </fieldset>

  <input type="submit" value="Submit" />

</form>
8

Please post your answer for step 41.
It should be one line of css code.

I am trying to see if you are using the :last-of-type pseudo selector or not.

9 
fieldset:last-of-type {

  border-bottom:3px solid #3b3b4f;

}
10

You are close but the syntax is not quite right.

If you click on the check your code button it will show you the correct syntax for this part

Here is the hint for the lesson.

Screen Shot 2022-03-19 at 9.12.32 AM
Screen Shot 2022-03-19 at 9.12.32 AM856×286 25.5 KB

When you fix it, then it will pass.
Screen Shot 2022-03-19 at 9.12.58 AM

11

I have tried to use the hint unsuccessfully.
thanks for your concern

12

What does your new code look like now?

1 Like
13

I have used this and it have worked well thank you

fieldset: not(:last-of-type) {

    border-bottom:3px solid #3b3b4f;

}
1 Like
14

When I remove the space here it passes for me

1 Like
15

I don’t understand this please

16

When I try your code, it still shows an error.

Screen Shot 2022-03-19 at 9.24.41 AM
Screen Shot 2022-03-19 at 9.24.41 AM1344×678 56.3 KB

But when I removed that extra space just before the word not, then it passes.

Screen Shot 2022-03-19 at 9.25.27 AM
Screen Shot 2022-03-19 at 9.25.27 AM1064×494 42.9 KB

3 Likes
17

ooh may be it was an issue with copying the text

1 Like
18

fieldset {
border: none;
padding: 2rem 0;
border-bottom: 3px solid rgb(59, 59, 79);
}
nó chỉ cần 1 cài fieldset thôi,nó đang đánh lừa bạn

1 Like
19

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.