inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

그림으로 배우는 HTML/CSS, 입문!

Flexbox, 핵심 정리!

홈페이지의 메인화면 레이아웃을 잡는다면...

313

박러브

작성한 질문수 1

0

요소의 정렬은 이해가 가는데

홈페이지 등의 레이아웃을 잡다보면

item이 쫙 늘어나서 차야하는 경우가 생기잖아요,

그럴 때는 어떤 걸 써야하나요. 

힌트라도 주시면 한번 찾아보겠습니다. 

만약 이런식으로 잡는다면요...ㅠㅠ 그냥 width를 강제로 잡는건가요?

            이미지 

--------------------------

     게시판        ㅣ    게시판

 -------------

    게시판           ㅣ   

                           ㅣ

----------------------------

            footer 

HTML/CSS

답변 1

0

홍팍

flex item의 확장과 수축은 강의에서 다루지 않은 주제인데요.
이들은 다음 두 속성을 통해 제어할 수 있습니다.

  • flex-grow
  • flex-shirink


마침 잘 정리된 자료가 있어 링크로 대신 할게요.

https://naradesign.github.io/flex-grow-shrink.html

 

part3. spy 쪽 / part3,part4 강의자료

0

29

2

최종 코드

0

36

2

Open AI 결제

0

39

2

figma 파일을 받을 수가 없어요

0

47

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

34

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

41

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

53

1

구글 서치콘솔 도메인 소유권 확인 실패

0

34

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

56

1

다음 강의 얼른 올려주세요

0

43

2

일반 강의와 차이점?

1

49

1

중요하진 않지만 설명하신부분에서 안된부분..

0

33

1

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

stopPropagation()에 대해서 질문 있습니다.

0

49

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

51

2

구글 페이지 개선하기 학습 중, 아이콘이 생성 안됩니다

0

214

1

블럭 인라인 강의 중 다른점 질문

0

242

1

점보트론

0

584

1

강의 듣던중 갑자기 발생했습니다 ㅠㅠㅠ

0

241

1

질문

0

297

1

"셀렉터 기본"강의 듣던 중 질문입니다.

0

295

1

블럭 요소는 왜 화면 배치를 위해, 인라인 요소는 왜 텍스트를 꾸미기 위해 사용되는건지에 대해 이해를 구합니다

0

234

1