Survey Form - Build a Survey Form

I created a survey form but my styling is so wrong
Is there a correct survey form with the right styling so I know how to improve on my work.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html> 
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>
  <h1 id="title">Survey Form</h1>
  <p id="description">Please fill out this form with the required information</p>
<form id="survey-form">
  <label id="name-label" > Name<input id="name" type="name"placeholder="My name is..." required/> </label>
 <label id="email-label" >Email Address<input id="email" type="email" placeholder="My email address is..." required/></label>
  <label id="number-label" >Number<input id="number" type="number" min="18" max="200" placeholder="My age is..." required/>
  </label>
   <label> How did you hear about us?
  <select  id="dropdown">
    <option value="">  Select one</option> 
    <option value="1"> Facebook </option>
    <option value="2">Twitter</option>
    <option value="3"> Instagram </option>
    <option value="4"> Others </option>
    </select>
    </label>
  <label> <input type="radio" name="sex" value="value" class="inline"/> Male </label>
  <label> <input type="radio" name="sex" value="value"  class="inline"/> Female </label>
  <label> Do you think coding is profitable for you? 
  <input type="checkbox" name="Coding" value="value" class="inline" required/>Yes
   <input type="checkbox" name="Coding" value="value" class="inline"  required/>No
  </label>
  <label> How constantly do you code?(please tick one) 
  <input type="checkbox" name="Coding" value="value" class="inline" required/>Daily
   <input type="checkbox" name="Coding" value="value" class="inline"  required/>Two or three times in a week
   <input type="checkbox" name="Coding" value="value" class="inline" required/>Once a week
   <input type="checkbox" name="Coding" value="value" class="inline" required/>Once a month
  </label>
  <label>Which apps do you use for coding(please tick all that apply) 
  <input type="checkbox" name="Coding" value="value" class="inline" required/>Codecademy
   <input type="checkbox" name="Coding" value="value" class="inline"  required/>Encode
   <input type="checkbox" name="Coding" value="value" class="inline" required/>Freecode camp
   <input type="checkbox" name="Coding" value="value" class="inline" required/>Khan Academy
  </label>
    <label> <textarea name="bio" rows="4" cols="20"> I like doing surveys because... </textarea >
  </label>
  <input  id="submit" type="submit">
  </form>
</body>
</html>
/* file: styles.css */
body{
  width:100%;
  height:100vh;
  margin:0;
  background-color:#ffffff;
  color: #1b1b32;
  font-family: Tahoma;
  font-size:16px;

}

h1,p{margin: 1emauto;
text-align: center;}

form{
  width:60vw;
  max-width:500px;
  min-width:300px;
  margin:0;

}

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

input,
textarea,
 select{ margin:5px 0 0 10px;
 width:100%;
 min-height:1rem
 text-align: center;}

 input[type="checkbox"]{display:block;
 width:100vw;
 margin:0 1.5em 0 0;
 text-align:center;
 }

 .inline{width:100vw;
 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
   min-width:300px;
 }

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

there is no “right styling”, you can style it as you want

but you may want to check your code for syntax errors — for example this is not a valid value for margin

and missing a comma here

you can use something like this for the css The W3C CSS Validation Service

and something like this for the html https://validator.w3.org/