プラグインscfのループ文で一部分だけcssが効かないので解決してほしい

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

Wordpress内で、プラグインsumart custom fieldsの繰り返しフィールドを用いて、記事をループさせようとしています。ループはするのですが、一部分だけcssが効かず３列で並べたいのですが１列になってしまいます。
htmlだけのコードだと、cssが効くのですが、phpのコードを加えると、一部分だけcssが効かなくなります。cssの効かない部分は、.comment .innerの部分です。レイアウトに関する指定だけが効いていないみたいです。背景画像などの指定は効いています。ご教授いただけますと幸いです。

エラーメッセージ

該当のソースコード

<div class="comment"> <?php $site = SCF::get('cast'); if( !empty( $site[0]['cast-name'] )) { ?> <div class="inner"> <div class="comment-01"> <?php foreach ( $site as $fields ) { ?>        <h3 class="comment-name"><?php echo esc_html( $fields['cast-name'] ); ?></h3> <div class="comment-post"><?php echo esc_html( $fields['cast-post'] ); ?> </div>        <p><?php echo esc_html( $fields['cast-think'] ); ?> </p> 　　　　　　 <?php } ?> </div> <?php } ?>

</div>

</div> ```ここに言語名を入力 ソースコード ``` .comment{ background-image:url(../img/back.jpg); } .comment .inner{ display:flex; flex-wrap:wrap; }

.comment-01{
color:#301f1b;
padding-bottom:50px;
width:31%;
padding-left:25px;
}

.comment-name{
font-size:24px;
margin-bottom:10px;
text-align:center;
}
.comment-post{
font-size:14px;
text-align:center;
margin:10px 0 20px;
line-height:1.25;
}
.comment-01 p{
font-size:14px;
line-height:1.5;
}

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。