<img src="https://cdn.inflearn.com/public/files/posts/bb6ac9a7-d9d3-490c-9957-543546f1df41/스크린샷 2023-01-02 오후 12.45.06.png" alt="스크린샷 2023-01-02 오후 12.45.06.png" title="스크린샷 2023-01-02 오후 12.45.06.png"><img src="https://cdn.inflearn.com/public/files/posts/91456c57-3351-41ee-94fb-c0163d102ceb/스크린샷 2023-01-02 오후 12.45.10.png" alt="스크린샷 2023-01-02 오후 12.45.10.png" title="스크린샷 2023-01-02 오후 12.45.10.png">노션 학습 자료의 포트폴리오 자료는 실행시 잘 나오는데,&nbsp;제 실습 파일에 있는 파일은 실행시 사진처럼 위치가 달리해서 페이지가 출력됩니다. (포트폴리오 자료의 emotion, index 부분을 똑같이 복붙해도 같은 현상이 나타납니다.)

pages/_app.js 상단에 globals.css가 import 되어있어야합니다! box-sizing이 default인 content-box로 되어 발생하는 문제 같습니다!

<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/users/826079">문재영</a>님, 안녕하세요! ☺️업로드해주신 화면만으로는 문제점을 확인하기 어려워, 작성하신 실습 파일의 코드를 추가해주시면 확인 후 답변드리도록 하겠습니다.감사합니다!

Inflearn Community Q&A

포트폴리오 파일과 달리 제 파일은 css가 깨집니다.