게시물 등록 실습중이던 학생입니다.<img src="https://cdn.inflearn.com/public/files/posts/b28ae487-dcca-4c30-b70e-becc26b99902/image.png">input 크기를 잡을 때 padding값을 주어서 크기를 잡고 있었는데 미묘하게 input 태그들 마다 가로길이가 다릅니다..ㅠㅠ(컴포넌트 분리한 상태입니다.)globals.css내부를 보니 *{box-sizing:border-box} 이 ,기재되어있는거같은데 실제로는 적용이 안되는거 같습니다.&nbsp;<img src="https://cdn.inflearn.com/public/files/posts/6a107330-59ad-49a8-b2bb-04e4a8da3045/image.png">padding으로 크기를 잡는게 아닌건가요? 아니면 globals에 있는 스타일이 원래 적용이 안되는건가요? 따로 작업을 해주어야하는게 있을까요?&nbsp;

안녕하세요! 수진님!&nbsp;아무래도 global.css와 해당 컴포넌트 내부 css가 겹치면서 문제가 발생했을 가능성이 있는 것으로 보여요!&nbsp;글로벌스타일을 설정하는 방법은 이어지는 레이아웃 설정 강의에서 진행되기 때문에, 해당 강의를 수강하기 전까지는 global.css를 무시하시거나, 삭제하셔도 좋습니다!

인프런 커뮤니티 질문&답변

리액트 globals.css가 원래 적용이 안되는건가요?