我在存档页面中创建了一个循环，在一行中以3列（33%宽度）的形式显示帖子，行的宽度为100%。每一列都是一篇文章。

我想要实现的是使循环对于较小屏幕更加灵活：平板电脑的行容器中有2列50%，然后是手机的1列100%。我的主要问题是，我需要行容器中的帖子。所以应该是：一行有3列，然后一行有2列，一行有1列。

这是循环的代码：

<!-- Start the Loop -->
<div class="row">
<?php while ( have_posts() ) : the_post(); ?>

  <?php get_template_part( \'template-parts/content\', \'archive\' ); ?>

  <?php if( $wp_query->current_post % 3 == 2 ) : ?>

 </div>
 <!-- row -->

 <div class="row">
 <?php endif; ?>

<?php endwhile; ?>