fix: fixed timeline width and margin

kossiitkgp · Nov 4, 2023 · b6417a5 · b6417a5
1 parent f17aab9
commit b6417a5
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/Timeline.tsx b/src/components/Timeline.tsx
@@ -72,14 +72,13 @@ function Timeline() {
 
   return (
     <div className=" mb-60">
-      <h1 className="text-zinc-300 text-center  mb-24 text-4xl font-extrabold leading-none tracking-tight md:text-5xl mt-36 lg:text-8xl lg:mb-36">
+      <h1 className="text-zinc-300 text-center mb-12 text-4xl font-extrabold leading-none tracking-tight md:text-5xl mt-12 lg:text-8xl lg:mb-36">
         TIMELINE
       </h1>
       <div className="flex justify-center mb-1/10 px-5">
         <svg
           id="timeline-svg"
-          width="50%"
-          height="1760"
+          className="sm:w-full md:w-7/12 lg:w-4/12"
           viewBox="0 0 400 1760"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"