키즈가오 실습

학습한 내용

• overflow-x: hidden; 스크롤 안 생기면서 옆으로 안보이게 치워준다.
• 버튼은 기본적으로 border, background를 가지기 때문에 없애준다.

button {
  border: 0;
  background-color: transparent;
}

• position:relative인 부모의 자식으로 absolute를 쓰면서 위치를 지정할 수 있다.
• 이미지 크기만큼 박스 크기를 지정해서 사용하는 게 좋다.
• position:relative에 top:100px을 적용해서 레이아웃 밀림없이 원하는 요소만 위치조정이 가능했다고 하셨음.

학습후기

많은 요소들이 필요한 만큼 좋은 id, class명이 중요하고, 위치를 지정할 때 어떤 걸 쓰면 좋을지 생각해보게 된다. (이번에는 주로 margin을 사용)