cleanup, mobile bad

ellipsis-dev · Sep 1, 2023 · 065daed · 065daed
1 parent ecc2fb7
commit 065daed
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -101,28 +101,27 @@ function SpecificsTextOnLeft(props: {
   children: React.ReactNode;
 }) {
   return (
-    // <div className="flex flex-wrap">
-    <div className="flex flex-wrap">
+    <div className="flex flex-wrap mt-20">
       <div className="w-full sm:w-1/2 p-6">
         <h3 className="text-3xl text-gray-800 font-bold leading-none mb-3">
           {props.heading}
         </h3>
-        <p className="text-gray-600 mb-8 pr-4">{props.content}</p>
+        <p className="text-gray-600 pr-4">{props.content}</p>
       </div>
       <div className="w-full sm:w-1/2 p-2">{props.children}</div>
     </div>
   );
 }
 function SpecificsTextOnRight(props: { heading: string; content: string; children: React.ReactNode }) {
   return (
-    <div className="flex flex-wrap flex-col-reverse sm:flex-row">
+    <div className="flex flex-wrap flex-col-reverse sm:flex-row mt-20">
       <div className="w-full sm:w-1/2 p-2">{props.children}</div>
-      <div className="w-full sm:w-1/2 p-6 mt-6">
+      <div className="w-full sm:w-1/2 p-6">
         <div className="align-middle">
           <h3 className="text-3xl text-gray-800 font-bold leading-none mb-3">
             {props.heading}
           </h3>
-          <p className="text-gray-600 mb-8">
+          <p className="text-gray-600 pr-4">
             {props.content}
           </p>
         </div>