kimse0816

크롬에서 해결했습니다!
<img src="https://cdn.inflearn.com/public/files/posts/a98b3c9f-db31-45d8-9236-fb6877175dd3/20210405_161849.png" title="20210405_161849.png" width="577" height="400" alt="" />
크롬 개발자모드(f12) Element 탭 > 우측 상단 Layout탭
두번째의 Grid overlays 블럭에서 확인 가능했어용

파이어폭스 개발자 모드에서 검사기에 그리드 안나와요 ㅜㅜ..

파이어폭스 개발자모드 그리드 안잡히시는 분들!

<img src="https://cdn.inflearn.com/public/files/posts/c9d4f13f-20b5-4c76-84ca-5750a224aced/20210403_141722.png" title="20210403_141722.png" width="398" height="300" alt="" />
이렇게 되었는데
basis를 auto가 아닌 값으로 따로 설정해주면 basis가 우선되는 것 같은데 맞나요?
&nbsp;
div의 width가 50%까지 가기 전에는
flex-basis의 속성값을 따르고&nbsp;
basis 속성값보다 overflow되면 width 속성의 값을 따르는 것처럼 보이는데 잘 이해한걸까요? ㅜㅜ..
basis 속성값보다 컨텐츠 값이 더 클 때
height 값을 고정시키고 싶은데
cross되는 축 방향을 고정시키는 속성은 없을까요?

media min-width: 600에서 flex-item width

하나 더 여쭤보고 싶은게 생겼어요
flex-basis : auto에 width: 50%로 지정해놓으면
basis auto가 width 50%를 받아서&nbsp;
안쪽의 콘텐트 width가 모자라면 50%로 맞춰주고
콘텐트가 넘어가면 width 50% 속성이 적용되어서
넘어가지 않는거죠?

아 강사님 소스에 link가 있는걸.. 발견했어요...
소스코드 다운 받아야겠네용..좋은강의 감사합니다..!

box-sizing 이라는 속성이 있다는 걸 구글링했습니당..ㅋㅎ...
정리해놔야징...

kimse0816

Bài viết