JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="col-sm-4">
                <table>
                    <tbody><tr>
                        <td><label for="">Design number</label></td>
                        <td><input type="text" name="Design number" value="SK123"></td>
                    </tr>

                    <tr>
                        <td><label for="">Price</label></td>
                        <td><input type="text" name="Price" value="500"><br><br></td>
                    </tr>

                    <tr>
                        <td><label for="">Never Out Of Stock</label></td>
                        <td><label><input type="checkbox" value=""><br><br></label></td>
                    </tr>

                     <tr>
                        <td><label for="">Pattern</label></td>
                        <td>
                        	<label> <input type="checkbox" value="">Stripes<br></label>
							<label><input type="checkbox" value="">Checks<br></label>
							<label><input type="checkbox" value="">Prints<br></label>
							<label><input type="checkbox" value="">Solid<br></label>
                        </td>
                    </tr>

                    <tr>
                        <td><label for="">Color</label></td>
                        <td>
                        <br><br>
                        	<label><input type="checkbox" value="">White<br></label>
							<label><input type="checkbox" value="">Blue<br></label>
							<label><input type="checkbox" value="">Green<br></label>
							<label><input type="checkbox" value="">Red<br></label>
							<label><input type="checkbox" value="">Yellow<br></label>
					    </td>
                    </tr>


                    <tr>
                        <td><label for="">Occasion</label></td>
                        <td>
                       ...

CSS

html, body {margin: 0; padding: 0;}

#assigned_people{
    width:auto;
    /*height:125px;*/
    overflow-x: scroll;
    /*overflow-y: hidden;*/
    white-space: nowrap;
}
#assigned_people div {
    display: inline-block;
    vertical-align: middle;
}

#assigned_people img {border: 0;}    

#new_comment_container {
  position: fixed;
  bottom: 0;
  background-color: #EEEEEE;
  width: 100%;
}

#comment_text {
height: auto;
background-color: #FFF;
min-height: 40px;
padding: 5px;
border-radius: 5px;
}
#error_box {
position: fixed;
top: 0;
background-color: #FFF;
width: 100%;
padding: 10px;
text-align: center;
font-size: 17px;
color: red;
display: none;
}
.right_panel_ul li {background-color: #333 !important;}

.project_image_container
{
  width:30%;
  float:left;
  padding-right: 5%;
}
.project_image_container img {width: 100%}

.project_content
{
  width:65%;
  float:right;
}

#projects_container
{
  /*padding: 20px 5px;*/
} 

#login
{
  background-color: #DDDDDD;
}
#image_container {
padding: 10px 0px;
}

#logo_image {
  max-width: 100%;
  max-height: auto;
}


.main-section {
  max-width: 1280px; 
  position: relative; 
  overflow: hidden; 
  margin: 0 auto;
  margin-top: 40px; 
}

.responsive-image {
  max-width: 100%; 
  position: relative; 
  margin-bottom: 20px;
}

.main-section table {
  width: 100%; 
  position: relative;
}

.main-section table tr {
  width: 100%;
}

.main-section table tr td {
  width: 50%;
}

.main-section input {
  font-size: 16px;
  line-height: 28px;
}