JSFiddle - React, Tailwind, and code Playground

by Kriti

HTML

<div id="table-scroll"> 
<table id="code_honour" border="1" cellpadding="0">
   <tbody>
      <tr>
         <td>
            <p align="center"><b>
               <strong>About Salman Khan </strong></b>
            </p>
            <p align="left">Salman Khan (pronunciation  born Abdul Rashid Salim Salman Khan on 27 December 1965)[5] is an     INDIAN film actor and producer. He is cited in the media as one of the most commercially successful actors of Hindi cinema.</p>
            <p></p>
            <ul>
               <li>Undertake our tasks and activities in utmost good faith, objectivity, transparency, competence, due care and professionalism.</li>
            </ul>
            <p></p>
            <p></p>
            <ul>
               <li>Abide by the highest standards of politeness and good conduct.</li>
            </ul>
            <p>tgrht</p>
            <p>rhjrty</p>
            <ul>
               <li>Refrain from any act or omission that may, directly or indirectly, constitute a breach of academic and professional integrity.</li>
            </ul>
            <p></p>
            <p></p>
            <ul>
               <li>Being held accountable and liable for all our acts and omissions, and contributing to promoting a culture of trustworthiness in our society.</li>
            </ul>
            <p>rhwtry</p>
            <p>rthtr</p>
            <ul>
               <li>Exercising our best endeavors to support and promote ADU in upholding its excellence and progression as a leading academic institution.</li>
            </ul>
            <p></p>
            <p></p>
            <ul>
               <li>Uphold the sacrosanct principles of non-discrimination, equality, truthfulness, fairness, and respect in any and all actions.</li>
            </ul>
            <p></p>
            <p></p>
            <ul>
               <li>Uphold the sanctity of the University Campus and any part thereof by refraining from undertaking any act inconsistent with the noble...

CSS

@media  only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
table#code_honour thead,
	table#code_honour tbody,
	table#code_honour th,
	table#code_honour td,
	table#code_honour tr {
    display: block;
	}
    table#code_honour td p{
	width:100%;
    display: block;
	}
    p{
        padding-left: 0pt;
    }
 }