ต้องการให้แสดงผลแนวนอน แต่ไม่เกิน 6 col ถ้าเกิน 6 col ให้ขึ้นบรรทัดใหม่ ต้องแทรก ตรงไหนครับ

<style>
.pull-left{float: left;}
.myObj{width: 16.66%; }
.col-12{width: 100%}
</style>
<div  class="comment-wrapper d-flex col-12" >
<?php for($i=0; $i<12; $i++): ?>
	<div class="pull-left myObj" > 
		<div class="comment-author">
			<img src="<?php echo $imageURLresize ;?>" alt="">
		</div>
		<div class="comment-content">
			<div class="post-meta d-flex">
				<div class="text-container">
					<div class="name"><?php echo $rows[name];?></div>
					<div class="text5"><p><?php echo $rows[album_name];?></p></div>
				</div> 
			</div>
		</div>
	</div>
<?php endif;?>
</div>

<?php
       
        $query = $db->query("SELECT * FROM albums, images WHERE images.id = albums.album_cover ORDER BY albums.album_id DESC limit 12");
        if($query->num_rows > 0){
         
            //$rows = $query->fetch_array();
            //$rows = $query->fetch_assoc();
           while($rows = $query->fetch_array()){
              //$i++;
           
          $imageURLresize = 'img/resize/'.$rows["thumbnails"];
           
              //for($i=0;$i<=count($rows);$i++){

          ?>
                                <ol>
                                  <li class="single_comment_area">
                                    <div class="comment-wrapper"> 
                                      <div class="item">
                                        <div class="flex-container">
                                            <div class="comment-author">
                                            <img src="<?php echo $imageURLresize ;?>" alt="">
                                         </div>
                                        <div class="comment-content">
                                            <div class="post-meta d-flex">
                                                <div class="text-container">
                                                    <div class="name"><p>Yotsawin</p></div>
                                                   <div class="text5"><p><?php echo $rows[album_name];?></p></div>
                                                </div>
                                            </div>
                                        </div>
                                      </div>

                                      <div class="flex-container">
                                          <div class="comment-author">
                                            <img src="<?php echo $imageURLresize ;?>" alt="">
                                          </div>
                                        <div class="comment-content">
                                            <div class="post-meta d-flex">
                                                <div class="text-container">
                                                    <div class="name"><p>Yotsawin</p></div>
                                                   <div class="text5"><p><?php echo $rows[album_name];?></p></div>
                                                </div>
                                            </div>
                                        </div>
                                      </div>
                                    </div>
                                </div>
                              </li>
                          </ol>
               
                <?php } ?>
                <?php } ?>

while ($xxxx  = $result->fetch_object() ){
  echo $xxxx->id, '<br>';
}

<div>
<?php
while ($xxxx  = $result->fetch_object() ){ ?>
    <div ><?=$xxxx->id?></div>
<?php }?>
</div>

<div style="width: 100%" >
<?php
while ($xxxx  = $result->fetch_object() ){ ?>
    <div style="float: left; width: 16.66%;" ><?=$xxxx->id?></div>
<?php }?>
</div>

<div style="width: 100%" >
<?php
while ($xxxx  = $result->fetch_object() ){ ?>
    <div style="float: left; width: 16.66%;" >
         <div><?=$xxxx->id?></div>
         <div><?=$xxxx->name?></div>
    </div>
<?php }?>
</div>