Fix the gap between the header and the best buy pages

nushydude · Nov 4, 2023 · e8e2a1c · e8e2a1c
1 parent 88130a3
commit e8e2a1c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -18,7 +18,7 @@ export const App = () => {
 
       <Header />
 
-      <div className="w-100 max-w-7xl mx-auto px-2 flex flex-col flex-grow pt-18 sm:pt-12">
+      <div className="w-100 max-w-7xl mx-auto px-2 flex flex-col flex-grow pt-16 sm:pt-14">
         <AppRoutes />
       </div>
 

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -15,12 +15,9 @@ const links = [
 ];
 
 export const Header = () => {
-  const [ref, { x, y, width, height, top, right, bottom, left }] =
-    useMeasure<HTMLDivElement>();
+  const [ref, { height }] = useMeasure<HTMLDivElement>();
   const { removeUser, isLoggedIn } = useContext(UserContext);
 
-  console.log('headerHeight', x, y, width, height, top, right, bottom, left);
-
   return (
     <div
       data-testid="header"