My Tech Blog (사각형)

[HTML]div 6개 만들어주고 container로 감쌌다.    1    2    3    4    5    6    [CSS]html, bodyhtml,body {    margin: 0;    padding: 0;    box-sizing: border-box;    height: 100dvh;    width: 100%;} 페이지의 기본 여백, 패딩 제거, html과 body의 크기를 브라우저 창의 100% 너비와 100dvh 높이로 설정. box-sizing: border-box;으로 콘텐츠 크기와 패딩, 테두리를 합쳐서 계산  `box-sizing`의 속성은 요소의 크기를 계산하는 방법을 결정한다. `content-box` (기본값)는 width와 height가 요소의 콘텐츠 영역 크기만을 ..