Você pode usar o Media Querie do css:
.container {
width: 100%;
height: 1000px;
}
.col {
display: inline-block;
background: #333;
width: 30%;
height: 300px;
margin: 2px 0;
}
@media (max-width: 500px) {
.col {
display: block;
background: #333;
width: 100%;
height: 200px;
margin: 2px 0;
}
}
<div class="container">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
Com o max-width
você define a largura máxima, quando a largurada página for menor que essa, o que tiver dentro do querie irá ser chamado.
##JsFiddle