flex-basis
플렉스 요소의 기본 크기를 설정
flex-grow
플렉스 요소를 flex-basis의 설정한 값보다 커질 수 있는지를 결정하는 속성 (비율로 설정됨)
flex-shrink
특정 속성이 적용되는 범위가 변경되었을 때 컨텐츠를 별도로 변경하지 않아도 알맞는 형태로 스타일을 조절
@media 매체유형 and(속성에 대한 조건){
css코드
...
}
😚 매체유형
all: 모든 매체
screen: 켬퓨터, 태블릿, 스마트폰, …
print: 프린터
speech: 스크린 리더
기종별 크기
#hello {font-size:2em}
<div id="hello"> /*2em - 32px*/
<div>안녕하세요</div> /*1em - 32px*/
</div>