phpで while文を使うと　display:flex; が効かない

データベースからデータを取って while文を使うと　display:flex; が効かなくなりました、、
ですが打ち消しになってるわけでもないので書き方の問題でしょうか？？
そもそも、whileではできないのでしょうか？？

<?php
                        $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
                        $stmt = $dbh->prepare("SELECT * FROM 〇〇 ORDER BY id DESC");
                        $stmt->execute();
?>




<?php
                            while($rec = $stmt->fetch(PDO::FETCH_ASSOC)){
                                $m_no = $rec['m_no'];
                                $rank = $rec['rank'];
                                $name = $rec['name'];
                                $job = $rec['job'];
                                $age = $rec['age'];
                                $img_status = $rec['img_status'];
 
                              

?>
<div class="photo-main">
<ul class="photo-list">
<li>
<?=$name?><br>
<?=$rank?><br>
<?=$m_no?><br>
<?=$age?>歳<br>
<?=$job?><br>
</li>


</ul>

<?php
}
?>


</div>

css
1ul.photo-list{
2	list-style:none;
3	padding:0 0;
4	}
5.photo-list{
6	display:flex;
7	flex-wrap: wrap;
8	justify-content: space-around;
9	}	
10.photo-list li{
11	width:24%;
12	background: linear-gradient(to bottom right,#fffef3, #efeddf);
13	border:solid 1px #CCC;
14	margin:5px auto;
15	}