부트캠프 과제중에
나는 본대로 친 것 같았는데 아무리 뜯어보고 고쳐봐도 해결이 안됐었다..
과제는 채팅창 만들기 -> 위 사진에서 저 form영역이 이상한 곳에 점프해있다^_^
그래서 사진에 주석처리 된 부분을 추가해보는 방법을 찾았다.
나름 해결해보겠다고 container내에 chat-screen과 chat-form 클래스의 div를 나눠서 했더니
어라? 내가 원하던 결과가 나왔다.. 그런데 강의에서 알려준 코드가 잘못됐을리 없잖아.. 내가 뭔가 잘못한게 아닐까...? 나는 기괴한 과정으로 정답을 우연히 찾은 것 같아서 계속 찝찝했다..
그런데.. 원인은 따로 있었다..
바로바로 calc()
이 아이는 띄어쓰기가 절실한 아이었다...
개발자도구에서 오류 찾는 법도 알게되었다... 정말 유용함니다..!!
고양이가 밟은 코드