sdy

create HomeMain component

1 +import React from "react";
2 +import styled from "styled-components";
3 +import HomeDate from "./HomeDate";
4 +import HomeCalender from "./HomeCalendar";
5 +import HomeCheckList from "./HomeCheckList";
6 +
7 +const HomeContainer = styled.div`
8 + display: flex;
9 + flex-direction: row;
10 + width: 85%;
11 +`;
12 +const HomeMiddleBox = styled.div`
13 + display: flex;
14 + flex-direction: column;
15 + justify-content: center;
16 + align-items: center;
17 + width: 70%;
18 +`;
19 +const HomeRightBox = styled.div`
20 + display: flex;
21 + flex-direction: column;
22 + justify-content: center;
23 + align-items: space-between;
24 + width: 30%;
25 +`;
26 +
27 +export default () => {
28 + return (
29 + <HomeContainer>
30 + <HomeMiddleBox>
31 + <HomeDate />
32 + </HomeMiddleBox>
33 + <HomeRightBox>
34 + <HomeCalender />
35 + <HomeCheckList />
36 + </HomeRightBox>
37 + </HomeContainer>
38 + );
39 +};