html의 열을 연속으로 유지하려면 어떻게해야합니까?

Question

@media screen and (min-width:450px){ 
    .dark-blue{ 
    width: 50%; 
    } 
    #container2{ 
    width: 50%; 
    } 
} 

이 미디어 쿼리가 트리거되면 진한 파란색 div와 ID가 container2 인 div가 연속으로 유지되지 않습니다. 특히 어두운 파란색 div 아래의 빈칸이 문제입니다. 내가 알고 싶은 건 그것들을 대칭으로 만드는 것입니다. 내 github에서 자세한 내용. https://github.com/kmfb/udacityProjects/tree/master/model.

Answer 1

나는 이런 식으로 뭔가하려고 할 것입니다 :

@media screen and (min-width:450px){ 
    .dark-blue{ 
    width: 100%; 
    } 
    #container2{ 
    width: 100%; 
    } 
    #container2 div { 
    width: 50%; 
    display: inline; 
    } 
} 

[이 50 % 폭 div의 사이의 간격 (의