links

frontend/src/components/PortfolioCard.jsx

@@ -14,11 +14,11 @@ const PortfolioCard = ({title, isLarge, link, img}) => {
 
     return (
        // <div className={"card box" + (isLarge ? ' col-span-2' : '')}>
-       <div className={"card box my-2 flex- flex-col items-center"} onClick={()=>linkTo(link)}>
+       <a className={"card box my-2 flex- flex-col items-center"} href={link}>
             <img src={img} className={'mb-12 mx-auto self-center'}></img>
             <h3 className="h3-heading">{title}</h3>
             <button className="btn text-dg-secondary mt-4">Read More</button>
-        </div>
+        </a>
     )
 }
 

frontend/src/components/PortfolioSection.jsx

@@ -43,11 +43,11 @@ function PortfolioSection() {
            
             <div className='flex flex-col lg:flex-row justify-center items-center lg:justify-between gap-8'>
             {_data.cards.map((item,index) => (
-            <div className={"card max-w-780p box my-2 flex flex-col items-center"} onClick={()=>linkTo(item.link)} key={index}>
+            <a className={"card max-w-780p box my-2 flex flex-col items-center"} href={item.link} key={index}>
             <img src={item.imgUrl} className={'mb-12'}></img>
             <h3 className="h3-heading">{item.title}</h3>
             <button className="btn text-dg-secondary mt-4">Read More</button>
-        </div>
+        </a>
         ))}
             
             </div>