09.30 flex-grow,flex-basis, 이미지, 버튼

 

[이미지 넣는 방법]

저장할 때 검사 > 폴더 만들고 경로 지정

그냥 image는 절대 경로임!

살짝 벗어나도 넣을 수있도록 ./ 필수

 

[이미지 자르기 1]

overflow: hidden;은 이미지를 잘라낼 때 쓰기

→ 이미지가 찌그러질수 있음  

 

[이미지 자르기 2_크기 맞추고 넘치는거 자르기]

너비 높이 100% 설정 후

object-fit: cover; 사용해서 넘치는 부분 자르기

 

[버튼 만들기]

타입을 버튼으로 설정하기

 

 

***css파일 하나 더 만들어서 all-box부터 잘라내 붙이기**   

(파일 안에 경로 잘 설정하기)

 

[버튼 관련 코드]