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

크롬에서 해결했습니다! (사진) 크롬 개발자모드(f12) Element 탭 > 우측 상단 Layout탭 두번째의 Grid overlays 블럭에서 확인 가능했어용

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

(사진) 이렇게 되었는데 basis를 auto가 아닌 값으로 따로 설정해주면 basis가 우선되는 것 같은데 맞나요? div의 width가 50%까지 가기 전에는 flex-basis의 속성값을 따르고 basis 속성값보다 overflow되면 width 속성의 값을 따르는 것처럼 보이는데 잘 이해한걸까요? ㅜㅜ.. basis 속성값보다 컨텐츠 값이 더 클 때 height 값을 고정시키고 싶은데 cross되는 축 방향을 고정시키는 속성은 없을까요?

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

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

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

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

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

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