grid 2차원 레이아웃1

• [HTML] Flex, nth-child, Grid, Block, vw, vh, position 예제들 반응형 웹 페이지를 모바일 단위로 만들어서 화면이 점점 커질때 이런 단위를 한 줄에 여러개 표현 하게 되는데 그 방법을 예를 들어 알려줘 반응형 기본 레이아웃 반응형 웹 페이지를 제작할 때, CSS의 미디어 쿼리를 사용하여 화면 크기에 따라 레이아웃을 조정할 수 있습니다. 예를 들어, 모바일 화면에서는 단위가 하나씩 표시되고 화면이 커질수록 여러 개의 단위가 한 줄에 표시되도록 설정할 수 있습니다.아래는 이러한 레이아웃을 설정하는 예제입니다. Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 설명기본 스타일: .container 클래스는 flex 레이아웃을 사용하여 아이템들을 배치합니다. .i.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 25.