Hover1 [Web] Spartapedia - ( week 1 ) 지금까지 배운 내용들을 사용해서 영화를 모아서 볼 수 있는 페이지를 만들어본다. 우선 영역을 정의하고 그 안에 텍스트와 버튼을 넣어준다. Best movies in my life Add Movie div영역의 높이를 조절해 주고 안에 있는 요소들을 가운데로 정렬시켜 주도록 한다. display: flex; flex-direction: column; align-items: center; justify-content: center; 위 코드는 일반적으로 붙어 다니는 코드로 자주 사용된다. display : flex를 사용하면 해당 요소는 Flexbox 컨테이너가 되고 그 안에 있는 자식들은 아이템이 된다. flex-direction은 정렬시킬 방향을 정할 수 있다. align-items를 통해서 플렉스박스 .. 2023. 4. 7. 이전 1 다음