HTML 문서
내용의 역할에 맞게 제목, 목록, 폼을 작성합니다.
HTML 문서 과제 보기같은 학습 카드, 행과 열 맞추기
Flex 실습의 HTML·CSS·Flex 카드를 Grid로 배치합니다.
01 / 세 카드의 열 맞추기
CSS 박스
패딩과 테두리가 차지하는 크기를 계산합니다. 선택자 충돌도 확인합니다.
CSS 박스 과제 보기Flex 배치
긴 식별자: publishingpracticewithoutspaces1234567890
Flex 배치 과제 보기02 / auto-fit: 비어 있는 반복 트랙 접기
HTML 문서
내용의 역할에 맞게 제목, 목록, 폼을 작성합니다.
HTML 문서 과제 보기CSS 박스
패딩과 테두리가 차지하는 크기를 계산합니다. 선택자 충돌도 확인합니다.
CSS 박스 과제 보기03 / auto-fill: 비어 있는 반복 트랙 유지하기
HTML 문서
내용의 역할에 맞게 제목, 목록, 폼을 작성합니다.
HTML 문서 과제 보기CSS 박스
패딩과 테두리가 차지하는 크기를 계산합니다. 선택자 충돌도 확인합니다.
CSS 박스 과제 보기확인 과제
- 문서 순서와 Tab 순서를 비교합니다.
- DevTools에서 긴 식별자의 줄바꿈을 껐다 켭니다.
- 두 카드만 있는 비교 영역을 1000px 이상의 창에서 확인합니다.