CSS (2) 썸네일형 리스트형 [#. CSS] 반응형 웹 모바일, 태블릿 디바이스별 CSS 적용하기 미디어 쿼리 media query 반응형 웹을 구현하기 위한 미디어 쿼리(모바일, 태블릿 기기 기준 px) /* 아이폰 SE */ @media only screen and (min-device-width : 320px) and (max-device-width : 374px) { } /* 스마트폰 모바일(세로) */ @media only screen and (min-device-width : 375px) and (max-device-width : 479px) { } /* 스마트폰 모바일(가로) */ @media only screen and (min-device-width : 480px) and (max-device-width : 767px) { } /* 태블릿, 아이패드 */ @media only screen and (min-device-.. [CSS] Grid Layout, 그리드 레이아웃 사용하기 display: flex flex-direction: row; flex-direction: column; css에서 보통 Flex를 많이 이용했을 것이다 Flex는 한 방향 레이아웃이다 row 혹은 column 속성을 줘서 일렬로 정렬한다 Grid는 row, column을 둘다 정렬할 수 있는 레이아웃이다 1 2 3 4 5 6 7 8 9 각각의 div를 배치하고 싶은대로 배치할 수 있다 1 2 3 4 5 6 7 8 9 단순 정렬 외에도 속성이 많다 div 정렬 시 활용할 수 있는 방법이 많으니 유용하게 사용하자 이전 1 다음
