기초공사 (html,css,javascript)

// display:flex때문에 감싸는게 아니다. row에서 display: flex;를 삭제하면, 태그는 더 이상 flex 항목이 아니게 되어 그 크기와 위치가 flexbox 모델에 의해 결정되지 않습니다. 대신, 기본적인 인라인 요소로서의 동작을 따르게 되어, 내용의 길이만큼만 공간을 차지하게 됩니다. 이로 인해 .row 내부의 태그가 이전과 달리 내용물만큼만 크기를 갖게 되는 것입니다.

// 여기에는 site 만들면서 궁금한것들을 적을 생각이다. 노션을 배울까도 했지만 시간이 없어서... 궁금1. 화면을 줄였을떄 저기 표시된 부분이 안줄었으면 하려면?? flex: 0 0 60% flex-shrink를 0으로 했는데도 화면의 크기를 줄어드니 줄어든다;;;;나는 분명 flex-shrink를 0으로 했는데.. 왜 줄어들지?... --> flex-shrink 속성이 0으로 설정되어 있음에도 불구하고, 아이템이 줄어드는 현상이 발생하는 이유는 flex-basis 속성 때문일 수 있습니다. flex-basis: 60%는 아이템의 기본 크기가 컨테이너의 전체 크기의 60%를 차지하도록 설정합니다. 이 경우, 화면 크기가 줄어들면 컨테이너의 크기도 함께 줄어들게 되고, 그에 따라 아이템의 절대적 크기..