fezcode
diff --git a/‎public/images/projects/doku-image.png‎
303 KB b/‎public/images/projects/doku-image.png‎
303 KB
diff --git a/‎public/images/projects/project-one-image-1.avif‎
-505 KB b/‎public/images/projects/project-one-image-1.avif‎
-505 KB
diff --git a/‎public/images/projects/project-one-image-2.avif‎
-290 KB b/‎public/images/projects/project-one-image-2.avif‎
-290 KB
diff --git a/‎src/components/ProjectCard.js‎
Lines changed: 1 addition & 1 deletion b/‎src/components/ProjectCard.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/index.css‎
Lines changed: 3 additions & 2 deletions b/‎src/index.css‎
Lines changed: 3 additions & 2 deletions
@@ -6,7 +6,7 @@ const ProjectCard = ({ project, size = 1 }) => {
   const colSpanClass = size === 2 ? 'md:col-span-2' : size === 3 ? 'md:col-span-3' : 'col-span-1';
 
   return (
-    <Link to={`/projects/${project.slug}`} className={`block bg-gray-800/50 p-6 rounded-lg shadow-lg hover:bg-gray-800/80 transition-colors border border-gray-700/50 cursor-pointer flex flex-col ${colSpanClass}`}>
+    <Link to={`/projects/${project.slug}`} className={`block bg-gray-800/10 p-6 rounded-lg shadow-lg hover:bg-gray-800/20 transition-colors border border-gray-700/50 cursor-pointer flex flex-col ${colSpanClass}`}>
       <h3 className="text-xl font-semibold text-white">{project.title}</h3>
       <p className="mt-2 text-gray-400 flex-grow">{project.description}</p>
       <a href={project.link || `/projects/${project.slug}`} target="_blank" rel="noopener noreferrer" className="mt-4 inline-block text-red-500 hover:text-red-300 transition-colors mt-auto flex items-center">
 
@@ -30,9 +30,10 @@ code {
   border-radius: 0.25rem; /* rounded corners */
 }
 
-@media (min-width: 700px) { /* md breakpoint */
+@media (min-width: 768px) { /* md breakpoint */
   .prose img {
-    max-width: 25%; /* 25% width on larger screens */
+    max-height: 500px;
+    /*max-width: 100%; !* 25% width on larger screens *!*/
   }
 }
Original file line number	Diff line number	Diff line change
`@@ -30,9 +30,10 @@ code {`
`30`	`30`	`border-radius: 0.25rem; /* rounded corners */`
`31`	`31`	`}`
`32`	`32`
`33`		`-@media (min-width: 700px) { /* md breakpoint */`
	`33`	`+@media (min-width: 768px) { /* md breakpoint */`
`34`	`34`	`.prose img {`
`35`		`- max-width: 25%; /* 25% width on larger screens */`
	`35`	`+ max-height: 500px;`
	`36`	`+ /max-width: 100%; ! 25% width on larger screens !/`
`36`	`37`	`}`
`37`	`38`	`}`
`38`	`39`