هل تصلح جداول HTML للإستخدام حالياً مع القوالب المتجاوبة ؟

<style>

.CNMU-Table table{border-spacing:0;width:100%!important;}

.CNMU-Table table,.CNMU-Table th,.CNMU-Table td{border:1px solid #999;border-collapse:collapse;text-align:center;word-break: keep-all;}

.CNMU-Table tr {line-height:48px !important;}  

.CNMU-Table * {line-height:inherit !important;}   

.CNMU-Table table tr:first-child {background-color: #446EAC;color:#fff;}  

.CNMU-Table tr:nth-child(odd){background-color: #f2f2f2}  

.CNMU-Table th,.CNMU-Table td {padding:0 10px;}

@media screen and (max-width : 800px) {.CNMU-Table{overflow-x:auto;} }

</style>  

<div class="CNMU-Table">

<table>

  

<tr>

<th>الخانة الأولى</th> 

<th>الخانة الثانية</th>   

</tr>  

<tr>

<td>معلومة 1</td> 

<td>وصف 1</td>   

</tr>  

<tr>

<td>معلومة 2</td> 

<td>وصف 2</td>   

</tr>  

  

<tr>

<td>معلومة 3</td> 

<td>وصف 3</td>   

</tr>  

  

</table>  

</div>  

<tr>

<th>الخانة الأولى</th> 

<th>الخانة الثانية</th>   

<th>الخانة الثالثة</th>

</tr>