구성은 총 2페이지
- 메인 페이지
- 팀원 소개 페이지
- 팀원 소개 페이지
.container {
display: grid;
grid-template-columns: 432px 864px;
margin-top: 50px;
}
먼저 container로 감싼 후에 grid로 2열 생성
.list {
/* background-color: aqua; */
grid-column: 1 / 2;
}
.main {
border-style: solid;
border-width: 2px;
border-radius: 30px;
/* height: 500px; */
grid-column: 2/3;
grid-row: 1;
margin-left: 50px;
}
list랑 main으로 나눠서 구역 지정!
정렬은 되었으나 양쪽 margin 설정되어있는 값은 수정하지 못했음 ㅠㅠㅠㅠㅠ
그리고 리스트 밑에 메인페이지를 맨 밑으로 위치시키고 싶은데 아직 해결 못함!!
