From 8960b118f01f9bb4e54a3a1c760696a495eadb67 Mon Sep 17 00:00:00 2001
From: tanvirmehedi <tjmehedi201@gmail.com>
Date: Sat, 27 Aug 2022 11:27:32 +0600
Subject: [PATCH 1/2] remove tailwind css inline-block css flex already exist

---
 core/components/navigation/MainNavBar.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/core/components/navigation/MainNavBar.js b/core/components/navigation/MainNavBar.js
index e51e432..df4cf7e 100644
--- a/core/components/navigation/MainNavBar.js
+++ b/core/components/navigation/MainNavBar.js
@@ -13,7 +13,7 @@ const Navbar = () => {
 			<div className="container px-4 mx-auto flex flex-wrap items-center justify-between">
 				<div className="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
 					<Link href="/">
-						<a className="font-bold leading-relaxed flex justify-center items-center inline-block mr-4 py-2  uppercase">
+						<a className="font-bold leading-relaxed flex justify-center items-center mr-4 py-2  uppercase">
 							<img src="/logo.png" className="h-[48px]" alt="" /> <TextLogo />
 						</a>
 					</Link>

From 8b19c5588bc6b59e7fb65972da21291426729c9e Mon Sep 17 00:00:00 2001
From: tanvirmehedi <tjmehedi201@gmail.com>
Date: Sat, 27 Aug 2022 11:48:48 +0600
Subject: [PATCH 2/2] use next Image component

---
 core/components/navigation/MainNavBar.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/core/components/navigation/MainNavBar.js b/core/components/navigation/MainNavBar.js
index df4cf7e..f5f704f 100644
--- a/core/components/navigation/MainNavBar.js
+++ b/core/components/navigation/MainNavBar.js
@@ -1,4 +1,5 @@
 import { ThreeBarsIcon } from '@primer/octicons-react';
+import Image from 'next/image';
 import Link from 'next/link';
 import React from 'react';
 
@@ -14,7 +15,8 @@ const Navbar = () => {
 				<div className="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
 					<Link href="/">
 						<a className="font-bold leading-relaxed flex justify-center items-center mr-4 py-2  uppercase">
-							<img src="/logo.png" className="h-[48px]" alt="" /> <TextLogo />
+							<Image src="/logo.png" width="30%" height={48} alt="" />
+							<TextLogo />
 						</a>
 					</Link>
 					<button