add new main news in mobail

frontend/docker-compose.yml

@@ -7,5 +7,4 @@ services:
       - ./src:/app/src
       - ./public:/app/public
     ports:
-      - 5173:5173  
-    restart: always  
+      - 5173:5173

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

@@ -8,6 +8,17 @@
   margin-left: -1px;
 }
 
+.main-title-mob{
+  display: none;
+  font-weight: bold; 
+  color: #006842; 
+  margin: 12px 0 12px 0;
+}
+
+.article-item-mob{
+  display: none;
+}
+
 @media (max-width: 1024px) {
   .article-item {
     width: 100%;
@@ -119,6 +130,15 @@
 }
 
 @media (max-width: 767px) {
+
+  .article-item-mob{
+    display: block;
+  }
+
+  .main-title-mob{
+    display: block;
+  }
+
   .article-item__image-container img {
     height: auto;
   }

frontend/src/styles/components/hero.css

@@ -73,6 +73,7 @@
 
   .hero__container {
     padding: 0;
+    display: none;
   }
 
   .hero__inner {

frontend/src/styles/components/menu.css

@@ -65,6 +65,7 @@
 
 @media (max-width: 767px) {
   .menu {
+    display: none;
     padding: 1.5rem 0;
     overflow: auto;
     background: #edefe4;