CSS 스타일링

반응형이 헬이다. 맞다.
사진 컨텐츠 3개을 정의하면 전체사이즈때문에 하단에 스크롤이 생김

PX -> 퍼센트 변경시 : (변경할 값/상위부모) * 100
width : 1400px / 전체 1920px) *100 = 0.7 *100 = 72. 다섯째 자리 까지

위 작업시 float와 flex의 차이가 생긴다.
% 작업시 픽셀을 남겨두고 작업하는게 좋다.

이미지 비율이 다 다르다. 이미지 기준으로 높이가 생긴다.
태그상의 이미지와 스타일시트상의 이미지의 차이가 생긴다.

태그상의 이미지는 변경사항이 없지만 스타일시트상의 이미지의 형태가 달라서 다르게 잡아야 한다.

margin-left:auto;
margin-right:auto;
padding-left
padding-right
right
left
translateY