<h1>Survey Title</h1>
    <p> Let us know how we can improve</p>
    <form class="form">
     <div class="div">
      <label for="name">Name:</label>
      <input type="text" id="name" name="name" placeholder="Enter your name"><br>
     <div class="div">
      <label for="email">Email:</label>
      <input type="text" id="email" name="email" placeholder=
"Enter your email">
     <div class="div">
      <label for="number">Number:</label>
      <input type="text" id="number" name="number" placeholder="Enter your number"> 
     <div class="wholebox">
      <label class="reccomend" class="padding">Would you recommend this to a friend?</label><br>
      <div class="reccomend" class="border title">
        <label for="recommend-1">
        <input type="radio" id="yes" name="yes">Yes</input></label>
      <div class="reccomend">
        <label for="recommend-2">
          <input type="radio" id="no" name="no">No</input> </label> </div>
      <div class="checkbox">
            <label>Things that should be improved in the future
                <small>(Check all that apply)</small>
            <label for="check 1">
                <input type="checkbox"
                       name="front end project">Front-End Projects</input></label>
            <label for="check 2">
                <input type="checkbox"
                       name="back end project">Back-End Projects</input></label>
            <label for="check 3">
                <input type="checkbox"
                       name="data visualization">Data Visualization</input></label>
.form {text-align: center; 
color: white}
body {background-color: green}

h1,p {text-align: center}
.div {display:inline-block;
margin: 10px}

label {margin:7px}

.wholebox, .checkbox {
  text-align: left;
  border: solid grey;
  padding: 10px}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.