- embed resume appears fullscreen now

components/content/carousel/index.tsx

@@ -44,7 +44,7 @@ const ContentCarousel = ({
                     {portfolioData.heroImgSrc && <Link className="w-full h-full align-middle flex flex-row justify-center" href={portfolioData.prototypeIframeURL} target="#">
                         <div className="flex flex-col justify-center">
                             <span>
-                                <div className="mb-8 w-full flex-row flex justify-center bg-white"><Image height={150} width={150} src={portfolioData.heroImgSrc} alt=""/></div>
+                                <div className="mb-8 w-full flex-row flex justify-center bg-white"><Image height={300} width={300} src={portfolioData.heroImgSrc} alt=""/></div>
                             </span>
                         </div>
                     </Link>}

components/content/index.tsx

@@ -16,7 +16,7 @@ const Content = ({
     innerChildren = <></>
 }: ContentProps) => {
     return (
-        <div className="p-4 px-10 flex flex-col">
+        <div className="h-full p-4 px-10 flex flex-col">
             <div className=" w-fit pb-1 mb-8 border-b-2 border-white">{title}</div>
             {heroImgSrc && <div className="mb-8 h-full flex flex-row justify-center"><Image height={200} src={heroImgSrc} alt=""/></div>}
             <div>{description}</div>

lib/navigationContent.tsx

@@ -27,10 +27,10 @@ const navigationContent = [
       description={contentValues.work.description}
       innerChildren={
         <div>
+          <embed style={{height: 2850}} className='w-full mt-10' src={`${resumePdf}#toolbar=0&navpanes=0&scrollbar=0`} type="application/pdf"/>
           <ContentCarousel
             data={portfolioValues}
           />
-          <embed className='w-full h-52 mt-10' src={resumePdf} type="application/pdf"/>
         </div>
       }
     />

pages/index.tsx

@@ -77,9 +77,9 @@ export default function Home() {
       </div>}
       {showModal && (
         <div className='justify-center flex flex-row bg-black bg-opacity-40'>
-          <div style={{height: '100%'}} className="laptop:px-24 absolute z-10 p-10 overflow-y-auto">
+          <div className="h-full w-full laptop:px-24 absolute z-10 p-10 overflow-y-auto">
             <div className='flex flex-row justify-center'>
-              <div className="h-min z-20 bg-black bg-opacity-90 text-white rounded overflow-clip">
+              <div className=" h-max w-3/4 z-20 bg-black bg-opacity-90 text-white rounded overflow-clip">
                 <div className="w-full flex flex-row justify-end p-4">
                   <span className="cursor-pointer" onClick={() => setShowModal(false)}>X</span>
                 </div>