새로운 웹사이트 제작을 시작하려고 한다
구조 만들기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Travel Goals</title>
</head>
<body>
<header>
<nav>
</nav>
</header>
<main>
<section></section>
<section></section>
</main>
<footer></footer>
</body>
</html>기본적으로 헤더, 메인, 푸터로 나눈다. 메인 섹션에는 로고가 들어갈 예정이고 또 내비게이션 바가 들어갈 예정이다. 메인에는 섹션 2개가 들어가서 각자 파트를 나눌 생각이고 마지막으로 푸터를 추가해 웹 사이트를 나눴다.
CSS FLEX BOX
CSS Flexbox(Flexible Box)는 웹 페이지 레이아웃을 구성하는데 사용되는 레이아웃 모델이다. 박스 안에 요소들이 정렬되거나 배치 방법 / 공간을 관리할 수 있다. Flexbox를 사용하면 요소들을 간단하게 정렬하고 배치하는 데 도움이 되며, 반응형 디자인을 쉽게 구현할 수 있다. Flexbox는 주로 단일 차원(행 또는 열)의 레이아웃을 다루는데 사용된다.
