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.