JSFiddle - React, Tailwind, and code Playground

HTML

<p  class="labeltab">Смена пароля</p>
<table class="table">
	<tr>
	  <td >Введите свой пароль:</td>
    <td ><input class="inputtab" type="text"></td>
  </tr>
  <tr>
    <td>Введите новый пароль:</td>
    <td ><input class="inputtab" type="text"></td>
  </tr>
  <tr>
    <td colspan="2"><input class="buttomtab"  type="submit" value="OK"></td>
	</tr>
</table>

CSS

@media screen and (max-width: 1050px) {
    	thead {
    		display: none;
    	}
      .table{
        border-collapse: collapse;
      }
      .table tr {
        background-color: #fff;
      }
    	.table td {
    		
    		border:  none;

    	}
    	.table tr:nth-child(odd) {
    		background-color: #ccc;
    	}
    	.table tr {
    		border-bottom: 5px solid black;
    	}
    }
    @media screen and (max-width: 600px) {

    	.table td {
    	  display:block;
    		padding: 10px;
    		text-align: center;
    	}
    	.table tr:nth-child(odd) {
    		background-color: #ccc;
    	}
    }