From 747d50941eb80f7ffa956324ecb43086c10cfa44 Mon Sep 17 00:00:00 2001
From: Alp Ozkan <alpozkanm@gmail.com>
Date: Tue, 7 Nov 2023 15:45:30 +0300
Subject: [PATCH] debug and images disallowed and formatted the code

---
 components/posts.tsx    | 10 ++++++++--
 components/projects.tsx |  8 +++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/components/posts.tsx b/components/posts.tsx
index 31bea9b..ebf97f3 100644
--- a/components/posts.tsx
+++ b/components/posts.tsx
@@ -20,8 +20,14 @@ export default function Posts({ posts }: { posts: Content[] }) {
               <p className="mt-3 hidden sm:block">{post.description}</p>
             </div>
             {post.image && (
-              <div className="relative order-1 h-[112px] w-[112px] md:order-2 overflow-hidden">
-                <Image src={post.image} alt={post.title} sizes="112px" fill style={{ objectFit: 'contain', objectPosition: 'top',}} />
+              <div className="relative order-1 h-[112px] w-[112px] overflow-hidden md:order-2">
+                <Image
+                  src={post.image}
+                  alt={post.title}
+                  sizes="112px"
+                  fill
+                  style={{ objectFit: "contain", objectPosition: "top" }}
+                />
               </div>
             )}
           </div>
diff --git a/components/projects.tsx b/components/projects.tsx
index 94ee7eb..deb768b 100644
--- a/components/projects.tsx
+++ b/components/projects.tsx
@@ -19,7 +19,13 @@ export default function Projects({ projects }: { projects: Content[] }) {
             </div>
             {project.image && (
               <div className="relative order-1 h-[112px] w-[112px] md:order-2">
-                <Image src={project.image} alt={project.title} sizes="112px" fill style={{ objectFit: 'contain', objectPosition: 'top',}}/>
+                <Image
+                  src={project.image}
+                  alt={project.title}
+                  sizes="112px"
+                  fill
+                  style={{ objectFit: "contain", objectPosition: "top" }}
+                />
               </div>
             )}
           </div>