[CSS] 반응형 레이아웃

반응형 레이아웃이란 웹브라우저의 창 크기에 따라 레이아웃이 변하는 레이아웃이다.< 예제 코드 >결과:여기서 창 크기를 줄이면...웹 -> 모바일 두 가지 버전을 구현했으므로 창 크기에 따라 웹/모바일 버전의 레이아웃이 적용된다.※ 키포인트@media(min-width:800px) 는 창의 크기가 800px 이상일 경우 적용되는 태그다. 예제에서는 800px 이상은 PC 버전, 이하는 모바일 버전으로 구현했다.800px 이상일 경우 게시글과 카테고리가 한 라인에 합쳐서 나오며메뉴바가 생긴다.

(pc 버전)800px 이하일 경우 게시글과 카테고리가 각각 한 라인을 차지하며메뉴바가 사라지고 대신 메뉴아이콘이 생성된다. (모바일)예제는 기본..........