[CSS] css 개발자도구 보라색 영역

프론트를 만들면서 보라색 공간을 처음 봤다

주황색은 margin, 파란색은 padding이라는건 알고 있었다

내가 의도한건 보라색 공간 안에 아이디와 중복확인이 꽉 차야 하는데 왜 안되지?

그래서 개발자도구로 마진이나 패딩이 있나 봤는데 보라색? 뭐지

보라색 때문에 꽉 안 차나? 해서 찾아봤다

보라색은 지정되지 않은 여백으로 확장될 수 있는 공간이라고 한다

그래서 flex-grow 속성을 줘서 해결했다

 

참고 블로그

https://velog.io/@eun0leee/CSS-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%8F%84%EA%B5%AC-%EB%B3%B4%EB%9D%BC%EC%83%89%EC%98%81%EC%97%AD