강의

멘토링

로드맵

인프런 커뮤니티 질문&답변

hm_stom님의 프로필 이미지
hm_stom

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Grid 활용예제 #3 - 그리드 기반 디자인을 코드로 옮기기 Step 2

max-width

작성

·

224

0

만약 모바일 버전 위주로 코등을 했다면
min-width로 설정해야학
데탑위주로 코등을 했다면
max-width로 설정해야 할까요 ?!

퀴즈

56%나 틀려요. 한번 도전해보세요!

카테고리 정렬 예제에서 JavaScript 사용 없이 CSS만으로 아이템을 카테고리별로 모아 보여주는 주요 방식은 무엇일까요?

CSS Flexbox의 order 속성을 동적으로 변경합니다.

숨겨진 라디오 버튼의 체크 상태에 따라 Grid 아이템의 위치를 CSS로 제어합니다.

CSS 애니메이션을 사용하여 아이템을 그룹별로 이동시킵니다.

미디어 쿼리를 사용하여 카테고리별 레이아웃을 분리합니다.

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

맞습니다~
큰 사이즈를 기본으로 코딩 했으니, 미디어 쿼리에서
@media (max-width: 1023px)
@media (max-width: 600px)
예를들면 이런 식으로 조건을 줄여나가는 거지요^^

hm_stom님의 프로필 이미지
hm_stom

작성한 질문수

질문하기