Learn HTML Forms by Building a Registration Form - Step 64

Tell us what’s happening:

Step 64 says: “Make the input for the terms and conditions inline by adding the appropriate class in the HTML.”

Here’s my solution

 <label for="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline"/> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
/* file: styles.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;
  padding-bottom: 2em;
}

fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
  border-bottom: none;
}

label {
  display: block;
  margin: 0.5rem 0;
}

input,
textarea,
select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
}

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;
}

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #3b3b4f;
  border-color: white;
  min-width: 300px;
}

input[type="file"] {
  padding: 1px 2px;
}


/* User Editable Region */


/* User Editable Region */


Maybe the code won’t pass cause I’m redoing it?

Honestly I’m redoing this “Learn HTML Forms by Building a Registration Form” and I think that maybe step 64 doesn’t quite allow redoing. I’ve seen solutions to step 64 like this one Learn HTML Forms by Building a Registration Form - Step 64
where they talk about the solution being to change the color of the anchor but the command to change the anchor’s color only comes in step 65 and not 64. And I’ve tried even changing the anchor’s color and it doesn’t give the PASSED message.
Maybe there’s just something wrong with my code.
Since I’m redoing “Learn HTML Forms by Building a Registration Form - Step 64” I can go to step 65 and see what code was the right for step 64 but I got even more confused since what’s registered in the end of step 65’s CSS is this:

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

input[type="submit"] {
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #3b3b4f;
  border-color: white;
  min-width: 300px;
}

input[type="file"] {
  padding: 1px 2px;
}

.inline{
  display: inline; 
}


and that has two Inline class selectors, which for me doesn’t make sense.

I’m probably overreacting. Any thoughts?

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36 Edg/121.0.0.0

Challenge Information:

Learn HTML Forms by Building a Registration Form - Step 64

In the challenge telling you only add a class inline to the required input given in the instructions. You don’t need any other addition to your code. Reset the challenge and try again.
@JJAbraao