проблема для отображения 3 столбцов в css

#css #grid

Вопрос:

Я действительно новичок в css и прочем. Может быть, это простая проблема для людей более продвинутых. Я создаю шаблон для отображения некоторого контента пользовательским способом в wordpress, это мой шаблон

 lt;?php  /** Template Name: New Release image side bar */  ?gt;  lt;?php get_header(); ?gt;  lt;?php    $args = array(    'post_type'=gt; 'movie');   $the_query = new WP_Query($args); ?gt;  lt;?php if ( $the_query-gt;have_posts() ) : ?gt;     lt;?php while ( $the_query-gt;have_posts() ) : $the_query-gt;the_post(); ?gt;      lt;div class="grid-container"gt;  lt;div class ="column"gt;  lt;div class="img_gallery"gt;  lt;?php the_post_thumbnail(); ?gt;lt;/div  lt;pgt;lt;a href="lt;?php the_permalink(); ?gt;"gt;lt;?php the_title(); ?gt;lt;/agt;lt;/pgt;    lt;/divgt;lt;/divgt;   lt;?php endwhile; ?gt;     lt;?php wp_reset_postdata(); ?gt;     lt;?php endif; ?gt;   lt;?php get_sidebar(); ?gt;  lt;?php get_footer(); ?gt;  .grid-container {  display: inline-grid;  grid-template-columns: auto auto;  background-color: ; padding: 5px; float: left; max-width: 100%; width: 100px;   }  column { background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); padding: 2px; font-size: 15px; text-align: center; max-width: 100%; width: 100px;   } img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image { width: 100%; width: auto; }  

Что я хочу сделать, это отобразить 3 столбца с боковой панелью справа , теперь у меня есть что-то вроде этого введите описание изображения здесь картинки внутри контенера очень маленькие, и на нем отображается 5 столбцов, и я хочу 3 , если кто-то может мне помочь, это будет очень полезно , спасибо