제로하우스

CSS의 flex를 이용하여 간단한 3단 레이아웃을 만들어본다. 위와 같은 레이아웃으로 만들어본다. HTML 작성 먼저 간략하게 HTML 코드를 작성한다. Header Left Content Main Content Right Content Footer 영역별 색상 적용 각 영역이 잘 보이도록 간단하게 영역별로 색상을 적용한다. /* layout.css */ header, footer { background: #4a4a4a; color: #f9f9f9; padding: 0.3em 0; } #left-content, #right-content { background: #eee; flex: 1; } #main-content { background: #f9f9f9; } 3단 레이아웃 만들기 마지막으로 아래와 같..