JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

@media screen and (max-width: 1050px) {
    	thead {
    		display: none;
    	}
    	.table td {
    		display: block;
    		
    		border:  none;

    	}
    	.table td:nth-child(odd) {
    		background-color: #ccc;
    	}
    	.table td:before {
    		content: attr(data-label);
    		position: absolute;
    		left: 2%;
    	}
    	.table tr {
    		border-bottom: 5px solid black;
    	}
    }
    @media screen and (max-width: 600px) {
    	.table td:before {
    		position: static;
    		display: block;
    		background-color: #ccc;
    		font-weight: bold;
        text-align: center;
    		padding: 10px;
    	}

    	.table td {
    		padding: 10px;
    		text-align: center;

    	}
    	.table td:nth-child(odd) {
    		background-color: #fff;
    	}
    }