Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
Hi, please how do you close the space between multiples checkboxes or radios . Tried so many times.
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>FreeCodeCamp Survey Form</title>
  </head>
  <body>
    <h1 id="title">FreeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
    <form id="survey-form">
      <fieldset>
        <div>
        <label id="name-label">Name <input id="name" type="text"  placeholder="Enter your name" required  </label>
        </div>
        <div>
        <label id="email-label">Email <input id="email" type="email" placeholder="Enter your email" required </label>
        </div>
        <div>
        <label id="number-label">Age(optional) <input id="number" type="number" min="8" max="130" placeholder="Age" required</label>
        </div>
      </fieldset>
      <fieldset>
        <div>
        <label>Which options best describes the current role?
          <select id="dropdown">
            <option value="">Select a current role</option>
            <option value="1">Student</option>
            <option value="2">Full Time Job</option>
            <option value="3">Full Time Learner</option>
            <option value="4">Prefer not say</option>
            <option value="5">Others</option>
          </select>
        </label></div>
        
        <label for="recommend">Would you recommend a freecodecamp to a friend?<div><input type="radio" value="definitely" name="recommend" class="inline">Definitely</label></div>
        <label for="recommend"><input type="radio" value="maybe" name="recommend" class="inline">Maybe</label>
        <label for="recommend"><input type="radio" value="not-sure" name="recommend" class="inline">Not sure</label> 
        <label for="features">What is your favorite feature of freecodecamp?<div><input type="checkbox" name="features" value="projects" class="inline">Projects</label></div>  
        <label for="features"><input type="checkbox" name="features" value="community-discussion" class="inline">Community Discussion</label>
        <label for="features"><input type="checkbox" name="features" value="open-source" class="inline">Open Source</label>
        <label for="features"><input type="checkbox" name="features" value="challenges" class="inline">Challenges</label>
        <label for="features"><input type="checkbox" name="features" value="videos" class="inline">Videos</label>
        
      </fieldset>
      <fieldset>
        <div>
        <label for="suggestions">Any Suggestions?
        <textarea id="suggestions" row="5" col="50" placeholder="Enter your suggestions here"></textarea>
        <input id="submit" type="submit">
        </div>
      </fieldset>
    </form>
  </body>
<html>
/* file: styles.css */
body {
  background-color: rgb(5, 50, 125, 0.8);
  height: 100vh;
  width: 80%;
  font-size: 18px;
  font-family: sans-sarif;
  margin: 1.5em auto;

}

h1, p {
  text-align: center;
  color: white;
  font-size: 25px;
}

p {
  font-size: 18px;
  font-style: oblique;

}

form {
  background-color: rgba(14, 24, 34, 0.7);
  width: 60vw;
  min-width: 500px;
  max-width: 700px;
  margin: auto;
}

fieldset {
  border: none;
  padding: 0 1.5em 0 1.5em;
  color: white;
}

label {
  display: block;
  margin: 1.5em 0em;
}

input, textarea, select {
  width: 100%;
  min-height: 2em;
  margin: 0 2em 0 0;
  border: 0.5px solid green;
}
textarea {
  margin-bottom: 1rem;
  height: 15%;
}

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

input[type="submit"] {
  display: block;
  width: 70%;
  margin: 1em auto;
  background: #778899;
  font-size: 1rem;
}



Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Where is your css code for input elements with types of checkboxes or radios? I see just input[type=“submit”].

I did use the input element in css but did not know what type of property and value to apply so i later deleted it.

Since you need help with those inputs, the first step is to add some code and show us what you have tried. Then we can advise.

input[type=“radio”] {
height: 2rem;

}

input[type=“checkbox”] {
height: 2rem;
}

Can you share the latest index.html and styles.css files here?
That way we can copy the code and see the same errors you are seeing.

Your label elements have margin top/bottom on them. I would assume that is the space you are seeing.

label {
    display: block;
    margin: 1.5em 0em;
}