inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

아 그리고 하나만더 여쭤볼게요 ㅠ

187

김동

작성한 질문수 34

0

그 플렉스를 쓸때 item들은 width를 퍼센트로 주는게 좋은건가요?  픽셀로주면 플렉스 유연함이 사라지나요?;

그리고 content에 플렉스를 주고 아이템들에게  영향이 가는데 그 아이템들의 자식들한테 즉 content에 후손에게도 영향이가나요? 아니면 아이템들에게 다시 플렉스를 줘서 그안에 자식에게 다시 플렉스 효과를 주어야하나요?;

flex HTML/CSS

답변 4

0

김동

 네 라이브에 갓엇어요 !넵 감사합니다.!

0

1분코딩

아, 동님도 라이브 오셨었군요? 채팅창에 말씀 하시지 그러셨어요^^ 아 아니면 업로드된걸 나중에 보셨다는 말씀인가? ㅎㅎ
공부 화이팅하세요!!

0

김동

아정말감사합니다. ! 어제 유튜브강의 봣는데 엄청 멋잇더라구요 ㅠ 언제쯤 잘할수 잇을지 ㅠ 열심히 복습하겟습니다.!

0

1분코딩

width가 어떤 단위의 값이든, flex-grow에 숫자값이 들어가면 유연한 박스로 동작을 합니다.
컬럼 레이아웃 만들 때는 일반적으로 flex-grow보다는 width를 직접 %로 주는 경우가 많아요(이 내용은 뒤에 실제 페이지 형태 만들 때 나온답니다)
flex 아이템의 자식 엘리먼트들은 flex랑 직접 연관이 없고요,
그것들도 flex 아이템처럼 동작하게 하려면 그 엘리먼트들의 부모를 또 flex 컨테이너로 만들면 됩니다.
즉 중간에 있는 엘리먼트는 flex 컨테이너이자 flex 아이템이 되는 것이지요~

flex나 grid가 처음에 속성별로 개념을 익힐 때는 완전하게 이해하기가 쉽지 않은데,
실제 페이지를 만들어 보면서 감이 오게되는 경우가 많아요.
일단 개념 정리 파트에서는 '아- 이 속성은 이런 기능이구나' 정도로 이해하시면서
뒷부분에 페이지 만드는 부분까지 한번 쭉- 봐보세요^^

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

119

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

138

1

css grid repeat() 에서 autofit 사용시

0

183

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

121

1

웹에서 위치?값

0

212

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

310

1

flex-basis auto, 0 차이

0

711

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

607

1

animation forwards 관련 질문

0

489

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

560

1

flex-grow IE 질문드립니다.

0

625

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1076

1

card__item에 display:flex를 했을 때..

0

513

1

11vmin

0

418

1

header class 안에 div와 h2

0

576

1

grid 반응형 페이지 step1 질문있습니다~

0

282

1

반응형 페이지 step4 order

0

356

1

미디어쿼리 사이즈

1

286

1

figure + div

0

300

1

CSS Grid를 통한 정렬의 장점

0

248

1