JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

HTML

<table>
  <tr>
    <td>      
      <img src="https://placeimg.com/640/480/animals" alt="">
    </td>
    <td>
    <h2>Title</h2>
    <p>Как сделать адаптивную таблицу, как отображено на картинке?
Спасибо Как сделать адаптивную таблицу, как отображено на картинке?
Спасибо Как сделать адаптивную таблицу, как отображено на картинке?
Спасибо</p>
    </td>
  </tr>
</table>

CSS

table{
  width: 100%;
  table-layout: fixed;
}
table td:nth-of-type(2){
  padding: 1rem;
}

img{
  max-width: 100%;
}

@media screen and (max-width: 576px) {
	
	table,
  table tr,
  table td{
		display: block;
	}

}