fix: formatted Herosection using prettire

dscnitrourkela · Nov 9, 2023 · 8ca3892 · 8ca3892
1 parent 45ac6f2
commit 8ca3892
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/components/marginals/Footer/styles.jsx b/src/components/marginals/Footer/styles.jsx
@@ -193,8 +193,13 @@ export const FirstAboutContainer = styled.div`
   ${tw`
   text-white
   p-4
-`}
-  background: #060616;
+  bg-[#060616]
+  `}
+  @media (max-width: 800px) {
+    ${tw`
+    px-0
+  `}
+  }
 `;
 
 export const FirstRow = styled.div`
@@ -205,10 +210,11 @@ export const FirstRow = styled.div`
   justify-start	
   p-2
   `}
-  @media (max-width: 1000px) {
+  @media (max-width: 800px) {
     ${tw`
     flex-col
     w-[50vw]
+    mx-0
     `}
   }
 `;
@@ -222,7 +228,7 @@ export const FrItems = styled.span`
 `}
   @media (max-width: 1000px) {
     ${tw`
-    px-4
+    px-2
     py-6
     `}
   }
@@ -294,7 +300,6 @@ export const LastLine = styled.div`
   @media (max-width: 1000px) {
     ${tw`
     h-auto
-    w-[50vw]
     flex-col-reverse
     items-baseline
     `}