update style

 import React from "react";
 import styled from "styled-components";
-import HomeDate from "./HomeDate";
+import HomeTodo from "./HomeTodo";
 import HomeCalender from "./HomeCalendar";
 import HomeCheckList from "./HomeCheckList";
+import img from "../../imgs/1.jpg";
 
 const HomeContainer = styled.div`
   display: flex;
   flex-direction: row;
   width: 85%;
+  background-image: url(${img});
+  background-position: center;
+  background-size: cover;
 `;
+
 const HomeMiddleBox = styled.div`
   display: flex;
   flex-direction: column;
@@ -28,7 +33,7 @@ export default () => {
   return (
     <HomeContainer>
       <HomeMiddleBox>
-        <HomeDate />
+        <HomeTodo />
       </HomeMiddleBox>
       <HomeRightBox>
         <HomeCalender />