#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 , если кто-то может мне помочь, это будет очень полезно , спасибо