Hỏi về dựng layouts

cái này chia 2 cột trái phải trước, rồi mỗi cột bạn xem là 1 layout nhỏ để code tiếp.

  <div class="flex">
    <div class="flex-left">
      <div class="row1">
        <div class="content"></div>
      </div>
      <div class="row2">
        <div class="row2-flex">
          <div class="row2-flex-left">
             <div class="content"></div>
          </div>
          <div class="row2-flex-right">
             <div class="content"></div>
          </div>
          <div class="row2-flex-left">
             <div class="content"></div>
          </div>
          <div class="row2-flex-right">
             <div class="content"></div>
          </div>
          <div class="row2-flex-left">
             <div class="content"></div>
          </div>
          <div class="row2-flex-right">
             <div class="content"></div>
          </div>
          
     
          
        </div>
      </div>
    </div>
    <div class="flex-right">
        <div class="row1">
             <div class="content"></div>
             <div class="content"></div>
             <div class="content"></div>
             <div class="content"></div>
          </div>

    </div>
  </div>

trong cái .row2 thì dùng thư viện masonry như bạn Kim đã nói

@tuananhbfs như này thì sẽ ko theo thứ tự bài

1 2 3
4 5 6 

đúng ko bạn? Mà sẽ la thứ tự

1 4 7
2 5 8
3 6 9

@tuananhbfs vì bài này sẽ lấy data từ api ý bạn

@sven_9x uhm. Nhìn hình chụp thì mình đoán là html theo kiểu đó. Còn thứ tự các bài viết thì mình có thể chủ động query ra theo ý muốn mà.

data1: (2),4,5,7,8,10,11.. data2: (2),3,6,9,12... số 2 đặt trên hay dưới tùy mình .

@tuananhbfs mình đang muốn theo thứ tự 1 2 3 4 5 6 ý bạn

@tuananhbfs mình xem mấy cái mansory toàn ko custom đc cái item đầu với width chiếm 2 phần

@sven_9x vậy mình nghĩ bạn phải tự viết thư viện mới giải quyết dc. Data và html cần dc xử lý linh hoạt chứ ko cần khư khư là data cho sao html phải theo vậy. Tiết kiệm thời gian là tiết kiệm tiền bạc mà.

nếu dc bạn cho mình xin link cái layout để xem họ dùng cách nào với nhé.

@tuananhbfs à cái này là mình lấy từ design. chứ ko phải 1 trang có rồi

@tuananhbfs uhm. thế nên mình mới đang hỏi xem mọi người có cách giải quyết nào phù hợp ko