how to responsive table row data in mobile tab

Please log in or register to like posts.


without responsive 

after responsive 

css code )

@media screen and (max-width: 460px){
.res-table td{
  display: block;
}
}
Html Code
 <table class=”res-table”>       
<tr>
       <td><li> Stay at tree house </li></td>
      <td> <li> Cruise through the Lake Periyar </li></td></tr>
<tr>
 <td><li> Jeep or Elephant Safari</li></td>
 </tr>
 </table>
  

Reactions

0
0
0
0
0
0
Already reacted for this post.

Reactions

Leave a Reply

Your email address will not be published. Required fields are marked *