add news and statistics module

src/components/landingpage/News.vue

 <template>
   <div class="news-container">
-    <Row class="row">
-        <Col span="6">
+     <Row class="row">
+        <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
             <div class="item-container">
                 <div class="item">
                     <div class="title">Repository</div>
@@ -9,7 +9,7 @@
                 </div>
             </div>
         </Col>
-        <Col span="6">
+        <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
             <div class="item-container">
                 <div class="item">
                     <div class="title">Repository</div>
@@ -17,7 +17,7 @@
                 </div>
             </div>
         </Col>
-        <Col span="6">
+        <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
             <div class="item-container">
                 <div class="item">
                     <div class="title">Repository</div>
@@ -25,7 +25,7 @@
                 </div>
             </div>
         </Col>
-        <Col span="6">
+        <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
             <div class="item-container">
                 <div class="item">
                     <div class="title">Repository</div>
@@ -33,7 +33,7 @@
                 </div>
             </div>
         </Col>
-    </Row>
+     </Row>
   </div>
 </template>
 <script>

src/components/landingpage/Statistics.vue

@@ -7,7 +7,7 @@
        
         <CarouselItem class="carousel-container">
             <Row class="row">
-                <Col span="6">
+                <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
                     <div class="item-container">
                         <div class="item">
                             <div class="title">Repository</div>
@@ -15,7 +15,7 @@
                         </div>
                     </div>
                 </Col>
-                <Col span="6">
+                <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
                     <div class="item-container">
                         <div class="item">
                             <div class="title">Repository</div>
@@ -23,7 +23,7 @@
                         </div>
                     </div>
                 </Col>
-                <Col span="6">
+                <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
                     <div class="item-container">
                         <div class="item">
                             <div class="title">Repository</div>
@@ -31,7 +31,7 @@
                         </div>
                     </div>
                 </Col>
-                <Col span="6">
+                <Col :xs="{ span: 24 }" :sm="{span: 6}" :md="{ span: 6}" :lg="{ span: 6}">
                     <div class="item-container">
                         <div class="item">
                             <div class="title">Repository</div>