[7주차] TherapEase 과제 제출합니다.

src/App.tsx

@@ -40,10 +40,16 @@ function App() {
 
 const Layout = () => {
   return (
-    <>
+    <div
+      style={{
+        width: '100vw',
+        height: 'calc(100vh - 3.5rem)',
+        paddingTop: '3.5rem',
+      }}
+    >
       <Header />
       <Outlet />
-    </>
+    </div>
   );
 };
 

src/components/Header.tsx

@@ -63,10 +63,13 @@ const Header = () => {
 };
 
 const Container = styled.div`
+  position: fixed;
+  top: 0;
   width: 100vw;
   height: 3.5rem;
   display: flex;
   align-items: center;
+  background-color: #ffff;
 
   .ceosLogo {
     cursor: pointer;