스파르타코딩 왕초보 시작반 1주차 내용(1-12 ~ 1-16)

Flex grow의 힘에 대해 배움!

.input {
    height: auto;
    line-height: normal;
    padding: .8em .5em;
    font-family: inherit;
    border: 1px solid #999;
    border-radius: 0;
    outline-style: none;
}

.control {
    display: flex;
}

.input {
    flex: 1;
    height: auto;
    line-height: normal;
    padding: .8em .5em;
    font-family: inherit;
    border: 1px solid #999;
    border-radius: 0;
    outline-style: none;
}

제목과 입력창을 감싸는 .control에 display를 flex로 주고, input의 길이를 끝까지 늘일 수 있는 flex를 1로 주면 자동적으로 끝까지 늘어난다! 편-안