JSFiddle - React, Tailwind, and code Playground

by satantx

HTML

<div class="video">
   <div class="video-column">video</div>
   <div class="video-column align-items">Текст</div>
   <div class="video-column align-items flex-right">текст</div>
   <div class="video-column">video</div>
</div>

CSS

* {
   margin: 0;
   padding: 0;
}

.video {
   display: flex;
   flex-wrap: wrap;
}

.video-column {
   width: 50%;
   height: 300px;
   display: flex;
   background-color: #F6F6F6;
}

.align-items {
   align-items: center;
}

.flex-right {
   justify-content: flex-end;
}