How to set up divs to produce a column layout [closed] - html

Question

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 days ago.
Improve this question
Here is my problem:
I need this:
Code of this:
.vacantions {
display: flex;
height: 257px;
justify-content: space-between;
align-items: center;
}
.vacantion-text {
max-width: 508px;
display: flex;
flex-direction: column;
}
.vacantion-title {
margin-top: 50px;
font-weight: 700;
font-size: 39px;
line-height: 1.2;
}
.vacantion-text p {
font-weight: 600;
font-size: 18px;
line-height: 1.55;
}
.vacantion-name {
display: flex;
float: right;
align-items: center;
}
<div class="vacantions">
<div class="vacantion-text">
<h1 class="vacantion-title">Nulla ut ea</h1>
<p>Reprehenderit esse labore id veniam ut veniam non ex adipisicing amet ullamco dolor proident. Exercitation velit ea incididunt</p>
</div>
<div class="vacantion-name">
<div class="vac-list">
<ul>
<li>Graphic Desing</li>
<li>UX Desing</li>
<li>Prototyping</li>
<li>Webflow</li>
</ul>
</div>
<div class="vac-list">
<ul>
<li>Branding</li>
<li>Coding</li>
<li>Back-End</li>
</ul>
</div>
</div>
</div>