position absolute 가운데 정렬
positon:absolute;
top:50%;
transform: translate(-50%,-50%) ;outline 속성
input{
outline:none
}인풋 태그등의 아웃라인을 깔끔하게
border의 외곽선을 꾸며주는 역할,
border 속성은 너비가 레이아웃에 관여하기 때문에 흐트러질 수 있지만,
outline은 레이아웃에 관여하지 않고 눈에만 선이 보입니다.
flex-basis 속성
input{
outline:none
}flex-basis는 Flex 아이템의 기본 크기를 설정합니다(flex-direction이 row일 때는 너비, column일 때는 높이).
flex-basis와 width를 동시에 적용할 경우 flex-basis가 우선순위를 갖게 됩니다.
flex-shrink는 flex-grow와 쌍을 이루는 속성으로, 아이템이 flex-basis의 값보다 작아질 수 있는지를 결정합니다.
flex-grow
flex-grow는 아이템이 flex-basis의 값보다 커질 수 있는지를 결정하는 속성이에요.
