Mobile_view

by bvotcode

HTML

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>




<table border="0" style=" border: thick; font-family: Verdana; font-size: medium; background-color: lightblue;">
<colgroup>
       <col span="1" style="width: 30%;">
       <col span="1" style="width: 70%;">
    </colgroup>
<tr>
                <td>Task </td>
                <td>
                <select name="role" id="new_product">
                <option >A</option>
  <option>B</option>
   </select>
                </td>
                </tr>
                
                 <tr>
                <td class="tdStyle">Progress</td>
                <td>
                    <input type="number" name="name" value=""/>
                </td>
                </tr>
                
                 <tr>
                <td class="tdStyle">Status</td>
                <td>
                   <input type="radio" id="danglam" name="organization" value="Đang làm">
  <label for="doingstatus">Done</label>
  <input type="radio" value="Pause">
  <label for="pausestatus">Pause</label>
  <input type="radio">
  <label for="cancelstatus">Cancel</label>
                </td>
                </tr>
                <tr>
                <td> Note </td>
                <td>
                   <textarea type="text" style="width: 100%; height: 100%; border: none"> </textarea>
                </td>
 </tr>
<td> </td>
<td>
      
      <input type="submit" name="cancel" value="Submit" style="background-color: red;">
   </td>
     
    
    
</table>

CSS

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}






/* general styling */
body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}