General styles

src/components/common/card/card.module.scss

@@ -324,7 +324,7 @@
     }
 
     margin: 0;
-    margin-top: auto;
+    margin-bottom: auto;
     line-height: 1.4;
     font-size: tovw(18px, 'default', 15px);
   }

src/components/common/card/index.tsx

@@ -24,7 +24,7 @@ const Card = ({
   className,
   data,
   isNews = false,
-  reduced = true
+  reduced = false
 }: CardProps) => {
   const [eventDate, setEventDate] = useState<string>()
   const [eventTime, setEventTime] = useState<string>()

src/components/sections/community/events/index.tsx

@@ -68,7 +68,12 @@ const Events = ({ eventsData, data }: Props) => {
           ref={sliderRef}
         >
           {eventsData.map((event) => (
-            <Card key={event?.id} data={event} className="keen-slider__slide" />
+            <Card
+              key={event?.id}
+              data={event}
+              reduced={false}
+              className="keen-slider__slide"
+            />
           ))}
         </div>
       </div>

src/components/sections/homepage/benefits/benefits.module.scss

@@ -26,7 +26,7 @@
 
   position: relative;
   padding-top: tovw(170px, 'default', 122px);
-  padding-bottom: tovw(100px, 'default', 90px);
+  padding-bottom: tovw(200px, 'default', 200px);
 
   .grid {
     @include respond-to('mobile') {

src/components/sections/homepage/latest-news/index.tsx

@@ -52,7 +52,13 @@ const LatestNews = ({ data, blogData }: Props) => {
       <div className={s['slider__container']}>
         <div className={`${s.events__container} keen-slider`} ref={sliderRef}>
           {blogData.map((item: any, i: Key) => (
-            <Card key={i} data={item} className={`keen-slider__slide`} isNews />
+            <Card
+              key={i}
+              reduced={false}
+              data={item}
+              className={`keen-slider__slide`}
+              isNews
+            />
           ))}
         </div>
       </div>

src/components/sections/newsroom/hero/hero.module.scss

@@ -134,7 +134,6 @@
       @include respond-to('mobile') {
         width: 100%;
         display: flex;
-        justify-content: space-between;
       }
 
       .arrow {
@@ -151,10 +150,22 @@
     }
 
     a {
+      @include respond-to('mobile') {
+        width: 100%;
+        text-align: center;
+        margin-top: tovw(50px, 'default', 50px);
+      }
+
       margin-top: tovw(50px, 'default', 25px);
     }
   }
 
+  div:nth-child(2) {
+    @include respond-to('mobile') {
+      width: 100%;
+    }
+  }
+
   .gradient {
     @include respond-to('mobile') {
       height: 80%;

src/components/sections/newsroom/media/media.module.scss

@@ -42,13 +42,10 @@
     }
 
     .media__block {
-      //   @include respond-to('mobile') {
-      //   }
-
       @include respond-to('mobile') {
         display: flex;
         gap: unset;
-        width: calc(100% - tovw(16px, 'mobile'));
+        width: calc(100% + tovw(16px, 'mobile'));
       }
 
       display: grid;

src/pages/about.tsx

@@ -74,7 +74,7 @@ const About = ({
       <Team teamData={teamsData} data={teamsPageData} />
       <Whitepaper data={whitepaperData} />
       <Roadmap data={roadmapData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }

src/pages/careers.tsx

@@ -74,7 +74,7 @@ const Careers = ({
       <Values data={valuesData} />
       <WhyJoin data={whyData} />
       <Positions data={positionsSectData} positionsData={positionsData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }

src/pages/press.tsx

@@ -65,7 +65,7 @@ const Newsroom = ({
       />
       <Press blogData={initialBlogPosts?.data} />
       <Media />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }

src/pages/products.tsx

@@ -82,7 +82,7 @@ const Products = ({
       <Network data={networkData} />
       <AppSection data={appData} />
       <Token data={tokenData} />
-      <Related data={initialBlogPosts?.data} />
+      <Related data={initialBlogPosts?.data} reduced={true} />
     </PageLayout>
   )
 }