[#14] fix: Problem solved by adding Fragment but track the related is…

…sue for better solution
damla · Nov 30, 2020 · d7ba12d · d7ba12d
1 parent fa90822
commit d7ba12d
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 20 deletions.
diff --git a/components/custom-button/custom-button.component.jsx b/components/custom-button/custom-button.component.jsx
@@ -12,14 +12,16 @@ export default function CustomButton({
   return (
     <div onClick={onClick ? onClick : null}>
       <Link href={href ? href : "/"} scroll={false}>
-        <a
-          className={classNames({
-            button: button,
-            button__inverted: inverted,
-          })}
-        >
-          {children}
-        </a>
+        <>
+          <a
+            className={classNames({
+              button: button,
+              button__inverted: inverted,
+            })}
+          >
+            {children}
+          </a>
+        </>
       </Link>
     </div>
   );

diff --git a/components/image-box/image-box.styles.scss b/components/image-box/image-box.styles.scss
@@ -1,9 +1,9 @@
 .image-container {
   position: relative;
-  width: 100%;
+  min-width: 50%;
   height: 100%;
 
   &__wider {
-    width: 55%;
+    min-width: 55%;
   }
 }
diff --git a/components/logo/logo.component.jsx b/components/logo/logo.component.jsx
@@ -6,14 +6,16 @@ import "./logo.styles.scss";
 export default function Logo({ width, height }) {
   return (
     <Link href="/">
-      <Image
-        className="logo"
-        src="/assets/images/karsal-logo.png"
-        alt="karsal-logo"
-        width={width}
-        height={height}
-        layout="fixed"
-      />
+      <>
+        <Image
+          className="logo"
+          src="/assets/images/karsal-logo.png"
+          alt="karsal-logo"
+          width={width}
+          height={height}
+          layout="fixed"
+        />
+      </>
     </Link>
   );
 }
diff --git a/components/menu-item/menu-item.component.jsx b/components/menu-item/menu-item.component.jsx
@@ -4,7 +4,9 @@ import "./menu-item.styles.scss";
 export default function MenuItem({ href, children }) {
   return (
     <Link href={href}>
-      <a className="menu-item">{children}</a>
+      <>
+        <a className="menu-item">{children}</a>
+      </>
     </Link>
   );
 }
diff --git a/pages/_document.jsx b/pages/_document.jsx
@@ -6,7 +6,7 @@ class MyDocument extends Document {
     return (
       <Html lang="en">
         <Head>
-            <link rel="stylesheet" href="/assets/fonts/fonts.css" />
+          <link rel="stylesheet" href="/assets/fonts/fonts.css" />
         </Head>
         <body>
           <Main />