В сети есть различные варианты адаптивных страниц, когда три колонки на узком экране выводятся одна под другой, с различным уровнем сложности кода.

А почему не сделать вот так примитивно, как в приведенном ниже коде? Есть тут какие-то дефекты, подводные камни?

<div id="lev"> 
<p>Левый</p>
</div>
 
<div id="center">
<p>Центральный</p>
</div>
 
<div id="prav">
<p>Правый</p>
</div>

#lev {
    width:10%;
    background-color: green;
    color:#933;
    float:left;
}
 
#center {
    width:20%;
    color:#3F3;
    background-color: #339;
    float:left;
}
 
#prav {
    color:#3F3;
    background-color: #F93;
}
 
    @media (max-width: 480px) { /*breakpoint*/
    
<span class="Array">#lev {</span>
    background-color: green;
    float: none;
    width:100%;
}   
    
#center {
    background-color: #339;
    float: none;
    width:100%;
}
 
#prav {
    color:#3F3;
    background-color: #F93;
    width:100%;
    display:none;
}