我创建了一个自定义模板，这是代码，我想在结果3列和右侧的侧栏。我试着用css之类的东西

.grid-container{
  display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 20px 20px;
}

但是我没有3栏，侧栏被打断了。这个页面是用来显示自定义帖子的，我只是放了标题和图片。如果有人有解决方案，可以帮忙谢谢

<?php
/** Template Name: New Release image side bar */
?>
<?php get_header(); ?>
<?php
$args = array(
    \'post_type\'=> \'movie\'
);

$the_query = new WP_Query($args); ?>

<?php if ( $the_query->have_posts() ) : ?>

    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>

            <div class="grid-container">
            <div class ="column">
            <div class="img_gallery">
            <?php the_post_thumbnail(); ?></div
            <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
            
            </div></div>

    <?php endwhile; ?>

    <?php wp_reset_postdata(); ?>

    <?php endif; ?>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

<?php get_header(); ?>
<?php
$args = array(
    \'post_type\'=> \'movie\'
);

$the_query = new WP_Query($args); ?>

<?php if ( $the_query->have_posts() ) : ?>
<div class="grid-container">
    <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
            <div class ="column">
            <div class="img_gallery">
            <?php the_post_thumbnail(); ?></div
            <p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
            
            </div></div>

    <?php endwhile; ?>

    <?php wp_reset_postdata(); ?>

    <?php endif; ?>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>