ul {
display: flex;
flex-wrap: wrap;
}
li {
flex: 0 0 50%;
display: flex;
align-items: center;
justify-content: center;
}
li:nth-child(3n) {
flex: 0 0 100%;
}
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>Css ile mümkün tasarımına göre ayarlaman lazım.