codinghatso

레이아웃 sm : @media (min-width:640px) 휴대폰 세로 사이즈 md : @media (min-width:768px) 휴대폰 가로 사이즈 lg : @media (min-width:1024px) 템플릿 사이즈 xl : @media (min-width:1280px) 데스크탑 사이즈 flex : 요소를 붙인다. 가로 container mx-auto : x축에 따라 여백이 자동으로 변경된다. object-cover : 컨테이너를 덮도록 요소의 컨텐츠 조정(이미지가 늘어나거나 찌그러지지 않게 컨테이너 사이즈에 맞춰서 잘림) lg:w-1/2 : 화면비율50% overflow-hidden : 컨테이너에 비해 너무 큰 컨텐츠이면 숨겨라 float : 블록 레이아웃. 사이즈 h : 높이값 h0 ~ h6..