개발로그필름

세 가지 버튼 중 MY INPUT 버튼만 오른쪽으로 이동시키려고 했는데 float를 써도 align-items를 써도 다 안돼서 몇 시간 동안 씨름하다가 알게 된 방법 부모 요소에 display: flex;를 하고 움직이고 싶은 요소 css에 margin-left: auto; 를 하면 되는 것 margin을 왼쪽에 둬서 오른쪽으로 붙이는 방식으로 구현했다고 생각하면 된다. 짜잔 완성본

status-bar 작업을 하는데 status-bar 안의 요소를 세로 가운데 정렬을 하고 싶었다. 여러 css 요소들을 적용해본 결과 .status-bar { height: 100px; display: flex; align-items: center; padding-left: 100px; } display: flex; align-items: center; 두 속성을 적용시키면 세로 가운데 정렬이 된다는 것을 알게 되었다!