From b9d7e57f2cfb6c09ce9b60fafdce93f2ca7c253e Mon Sep 17 00:00:00 2001
From: Davenludd <david.ludde01@gmail.com>
Date: Mon, 18 Mar 2024 21:37:31 +0100
Subject: [PATCH] Update background image in Header component

---
 frontend/src/Components/Header.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Components/Header.tsx b/frontend/src/Components/Header.tsx
index 819c5de..5cdb421 100644
--- a/frontend/src/Components/Header.tsx
+++ b/frontend/src/Components/Header.tsx
@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { Link } from "react-router-dom";
+import backgroundImage from "../assets/1.jpg";
 
 function Header(): JSX.Element {
   const [isOpen, setIsOpen] = useState(false);
@@ -11,7 +12,7 @@ function Header(): JSX.Element {
   return (
     <header
       className="fixed top-0 left-0 right-0 border-[1.75px] border-black text-black p-3 pl-5 flex items-center justify-between bg-cover"
-      style={{ backgroundImage: `url('src/assets/1.jpg')` }}
+      style={{ backgroundImage: `url(${backgroundImage})` }}
     >
       <Link to="/your-projects">
         <img