reverse right column

content-post-rfo.php

@@ -21,10 +21,12 @@ $has_video = isset($args['has_video']) ? $args['has_video'] : false;
             <div class="land-cart-title__arrow"></div>
         </div>
     <?endif?>    
-    <div class="<?=$class; ?><?=$has_video === true ? ' has-video' : ''; ?>">
+    <div class="<?=$class;?>">
-        <a href="<?php the_permalink(); ?>" class="article-item__image-container">
+        <div class="article-item__image-container<?=$has_video === true ? ' has-video' : ''; ?>">
-            <?=render_webp_picture_by_post( null, 'news-list-picture'); ?>
+            <a href="<?php the_permalink(); ?>">
-        </a>
+                <?=render_webp_picture_by_post( null, 'news-list-picture'); ?>
+            </a>
+        </div>    
         <div class="article-item__text">
             <div class="article-time">
                 <img src="<?= get_asset('/icons/time.svg'); ?>" alt="" /><?php echo $formatted_date; ?>

frontend/src/global.css

@@ -86,3 +86,13 @@ button {
 .btn_download{
   border: 2px solid black;
 }  
+
+
+@media (max-width: 768px) {
+
+  body, html {
+    width: 100%;
+    max-width: 100%;
+  }
+
+}  

frontend/src/styles/components/agro-informer.css

@@ -35,3 +35,13 @@
     font-weight: 700;
     padding: 12px;    
 }
+
+
+
+@media (max-width: 768px) {
+
+    .agro-widget {
+        overflow: hidden;
+    }
+
+}    

frontend/src/styles/components/article-item.css

@@ -64,6 +64,7 @@
 
 .article-item--lg .article-item__image-container img {
   height: 41.5rem;
+  max-width: 100%;
 }
 
 .article-item--lg .article-item__text {
@@ -135,6 +136,7 @@
 
   .article-item {
     width: 100%;
+    max-width: 100%;
   }
 
   .article-item-mob{

frontend/src/styles/layout/container.css

@@ -6,5 +6,6 @@
 @media (max-width: 767px) {
   .container {
     padding: 0 2rem;
+    max-width: 100%;
   }
 }

frontend/src/styles/layout/header/header.css

@@ -129,6 +129,7 @@
 
   .header__inner {
     padding: 1.5rem 0;
+    max-width: 100%;
   }
 
   .header__logo {

frontend/src/styles/pages/main.css

@@ -88,8 +88,7 @@ ul.wp-block-list li{
 }
 
 
-/** @media (max-width: 1439px) { */
+@media (max-width: 1439px) {
-@media (min-width: 768px) and (max-width: 1024px) {
   .content {
     grid-template-columns: 36.4rem 1fr;
     grid-template-areas:
@@ -102,7 +101,6 @@ ul.wp-block-list li{
       'middle middle'
       'right right';
   }
-  
 }
 
 @media (max-width: 767px) {

rfo/landing.php

@@ -6,7 +6,7 @@
 
     <?php  get_template_part('rfo/category-end', null, [ 
         'category'    => 'opinion', // slug рубрики
-        'style'       => 'short',
+        'style'       => '',
         'title'       => 'Интервью',
         'has_video' => true
     ]);?>

sidebar-left.php

@@ -41,7 +41,6 @@ if ( in_category('interviews') ) {
  
         <?php get_template_part('partials/forest-informer');?>
        
-
         <div class="banner-left desktop">
             <?=krutilka_placement( 'left-desktop-2' );?>
         </div>