nth-child(n+3): 3번째와 그 이후의 모든 요소를 뜻하며 width:calc(100% / 2);에서 지정한 수보다 +1 로 변경

가운데 정렬은 margin: 0 auto; / 표를 위, 아래 2개 배치시 표간 간격을 위해 margin: 10 auto;

display: flex; / flex-wrap:wrap; 은 줄였을때 아래로 지정된 수만큼 씩 표시하기

display 속성값으로 table, table-row, table-cell 등을 사용해서 요소를 표(table)처럼 표현할 수 있습니다.

display: table; table 요소처럼 표현 / table-cell: td 요소처럼 표현 / table-row-group: tbody 요소처럼 표현

border-box는 테두리와 안쪽 여백의 크기도 요소의 크기로 고려합니다. 너비를 100 픽셀로 설정하고 테두리와 안쪽 여백을 추가하면, 콘텐츠 영역이 줄어들어 총 너비 100 픽셀을 유지합니다. 대부분의 경우 이 편이 크기를 조절할 때 쉽습니다.

1

2

3

4

5

6