Merge pull request #26 from msgport/hidotmatrix/fix/#25

Replacing the new favicon
ringecosystem · May 20, 2024 · 5490b25 · 5490b25
2 parents 9338432 + 3701148
commit 5490b25
Show file tree

Hide file tree

Showing 6 changed files with 228 additions and 215 deletions.
diff --git a/favicon.ico b/favicon.ico
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="shortcut icon" href="/favicon.png">
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="Programmable Cross-Chain Messaging Port" />
 

diff --git a/public/images/hero-m.mp4 b/public/images/hero-m.mp4
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
@@ -9,7 +9,7 @@ const Hero = () => {
         className="w-full lg:w-[56.25rem] lg:h-[32.813rem] lg:absolute lg:top-[6.25rem] lg:right-[6.25rem] object-cover"
       /> */}
       <video
-        src="/images/hero.mp4"
+        src={window.innerWidth > 1200 ? "/images/hero.mp4" : "/images/hero-m.mp4"}
         autoPlay
         loop
         muted

diff --git a/src/components/Resources.tsx b/src/components/Resources.tsx
@@ -7,19 +7,19 @@ const Resources = () => {
       <h2 className="text-[#00D448] text-[2.875rem] leading-[3.625rem] tracking-[0.125rem] font-[700] mb-[1.875rem] lg:mb-[6.25rem]">
         Resources
       </h2>
-      <div className="flex flex-col lg:flex-row lg:flex-wrap gap-[1.875rem] lg:gap-[3.125rem] justify-center items-start">
+      <div className="flex flex-col lg:flex-row lg:flex-wrap 2xl:flex-nowrap gap-[1.875rem] lg:gap-[3.125rem] justify-center items-start">
         {data.map((item) => {
           return (
             <div
-              className="bg-[#2A2A2A] p-[1.875rem] rounded-[1.25rem] lg:w-[27.125rem] lg:h-[26.25rem] 2xl:h-auto 2xl:w-[19.531rem] 4xl:w-[24.5rem] 5xl:w-[34.5rem]"
+              className="bg-[#2A2A2A] p-[1.875rem] rounded-[1.25rem] w-full lg:w-[27.125rem] lg:h-[26.25rem] 2xl:h-auto 2xl:flex-grow 2xl:flex-shrink"
               key={item.title}
             >
               <img
                 src={item.logo}
                 alt={item.title}
                 className="w-[4.375rem] h-[4.375rem] mb-[2.5rem]"
               />
-              <h3 className="text-[1.375rem] leading-[1.75rem] tracking-[0.063rem] text-[#F6F6F7] font-[700]">
+              <h3 className="text-[1.375rem] leading-[1.75rem] tracking-[0.063rem] text-[#F6F6F7] font-[700] mb-[10px]">
                 {item.title}
               </h3>
               <p className="text-[1rem] leading-[1.563rem] tracking-[0.063rem] text-[#F6F6F7] font-[300]">