JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="text-block">
  <h2>Заголовок</h2>
  <p>Text</p>
  <img src="https://www.zid.com.ua/images/article/sonechko.jpg"/>
</div>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.text-block {
  display: grid;
  grid-gap: 20px 40px;
}

h2,
p {
  grid-column: 1 / 2;
  grid-column: 2;
}

img {
  grid-row: 1 / 3;
}