JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="top"> 
		<span class="hello">HELLO</span> 
		<span class="link">Link</span>
	</div>
	<div class="middle">
		<div class="sometext"> <div class="rotate-sometext">sometext</div> </div>
		<div class="box"></div>
		<div class="drop"> <span>01</span> <span>/</span> <span>05</span> </div>
	</div>
	<div class="bottom">
		<div class="language">
			<span>RU</span> 
			<span>EN</span>
		</div>
		<div class="language">
			<span>RU</span> 
			<span>EN</span>
		</div>
	</div>
</div>

CSS

.container{
	display: flex;
	flex-direction: column;
}
.top, .bottom, .middle{
	display: flex;
	justify-content: space-between;
}
.middle {
	align-items: center;
}
.rotate-sometext{
	transform: rotate(270deg);
}
.drop {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.box {
	display: flex;
	background: black;
	width: 200px;
	height: 200px;
}