将div拆分为2列

我想将这个1列的列转换为2列,如下所示:

我已经尝试过使用这段代码了,但有没有什么不同的方法来分割div？

.article-container {
  display: flex;
  flex-wrap: wrap;
}

.article {
  flex-grow: 1;
  flex-basis: 50%;
}

.article:after {
  content: "";
  flex: auto;
}

  

    
title1
    
article1
  
  

    
title2
    
article2
  
  

    
title3
    
article3
  
  

    
title4
    
article4