참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다. 구글 크롬, 파이어폭스, 마이크로소프트 엣지, 사파리: ⇧ Shift 키를 누른 채 "새로 고침" 버튼을 클릭하십시오. 더 자세한 정보를 보려면 위키백과:캐시 무시하기 항목을 참고하십시오.

.responsive-container {
    display: flex;
    flex-wrap: wrap;
}
.responsive-left, .responsive-right {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.responsive-left {
    background-color: lightblue;
}
.responsive-right {
    background-color: lightcoral;
}
@media (max-width: 600px) {
    .responsive-left, .responsive-right {
        width: 100%;
    }
}