Max width

w3bdesign · Jul 24, 2024 · c69c003 · c69c003
1 parent 8af0338
commit c69c003
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/CV/CVContent.component.tsx b/src/components/CV/CVContent.component.tsx
@@ -81,7 +81,7 @@ const CVContent: React.FC<CVContentProps> = ({ cvData }) => {
           <div className="container mx-auto bg-slate-700 rounded shadow sm:mb-4">
             <div className="p-4 mx-auto md:h-full mt-4 flex flex-col justify-center items-center md:min-h-[540px] min-h-[350px]">
               <div className="p-4 text-lg rounded md:w-full">
-                <div className="md:block hidden">
+                <div className="md:flex md:justify-center hidden">
                   <Tabs tabs={tabs} />
                 </div>
                 <div className="mx-auto text-center md:mt-8">

diff --git a/src/components/UI/Tabs.component.tsx b/src/components/UI/Tabs.component.tsx
@@ -32,7 +32,7 @@ const Tabs: React.FC<TabsProps> = ({ tabs, orientation = "vertical" }) => {
   const isVertical = orientation === "vertical";
 
   return (
-    <div className="bg-gray-800 p-6 rounded-lg">
+    <div className="bg-gray-800 p-6 rounded-lg md:max-w-[1000px]">
       <div
         className={`flex ${isVertical ? "flex-col sm:flex-row" : "flex-col"} bg-gray-800 rounded-lg h-[calc(65vh-8rem)]`}
       >