안녕하세요. 모바일 사이즈 작업시 컨텐츠로 묶여있는 항목이 두개씩 나오는 현상이 발생합니다 .&nbsp;
다른 사이즈에서는 안나오는데 768이하로 조정하면 미리보기 이미지를 씌운 컨테이너와 씌우지 않은 회색화면 컨테이너가 나타납니다.
content로 묶여있는 화면에 이미지를 넣었는데
이미지 넣은 화면이 먼저, 이미지 없는 회색배경에 h2가 적힌 화면이 다음에 이런식으로 총 14개의 화면이 보이게 됩니다.
도와주세요 !

<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>&lt;section&nbsp;id="home"&nbsp;class="cd-section&nbsp;visible"&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class="content"&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;img&nbsp;src="images/temp_1.png"&nbsp;alt=""&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h2&gt;section&nbsp;1&lt;/h2&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;</div>
<div>&nbsp;&nbsp;&lt;/section&gt;</div>
</div>
<img src="https://cdn.inflearn.com/public/files/posts/40e9183f-f150-4c35-b372-4349302382d3/캡처.PNG" title="캡처.PNG" width="933" height="709" alt="" />

지금 주신 화면으로는 판단하기 어렵습니다면..&nbsp;
붉은 색 박스 부분을 responsive가 아니라 모바일 기기로 변경해보세요.
<img src="https://cdn.inflearn.com/public/comments/9009b2a6-23c7-43a3-8fcb-c61ae83caa9c/20201231-03.png" title="20201231-03.png" width="933" height="709" alt="" />

<img src="https://cdn.inflearn.com/public/comments/884d6d91-92af-4a95-bba7-dd6e557cbdc1/20201231-04.PNG" width="457" height="799" alt="" />

Inflearn Community Q&A

모바일 사이즈 질문 드립니다.