작성한 질문수
Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)
작성
·
59
0
노션 글에 코드블록을 포함시키고 코드가 한 줄로 긴 경우에 width가 부모보다 커져서 스타일이 깨지게 됩니다. global.css에 스타일을 적용해봐도 해결이 안됩니다 ㅠㅠ
답변 1
안녕하세요 🙂
제가 개발자도구로 디버깅을 해봐야 알 것 같은데요~!
깃헙 주소를 알려주실 수 있으세요~?
아니면 제 이메일로 소스코드를 공유해주시면 확인 후 회신드릴게요~!
(메일로 주실 때 node_modules 디렉토리 삭제 후 보내주세요 🙂)
메일보냈습니다🙂
넵 확인후 회신드릴게요~!
코드블록이 부모 너비를 초과하여 틀어지는 경우에는 상세페이지 콘텐츠 영역인 <section>에 overflow-hidden 을 추가하시면 돼요!
<section>
overflow-hidden
<aside className="hidden md:block"></aside> <section className="overflow-hidden"> // overflow-hidden추가 {/* 블로그 헤더 */} <div className="space-y-4">
관련해서 추가영상 제작했으니 참고하시면 됩니다 👍
추가영상
메일보냈습니다🙂