criar colunas theme respansivo

Pessoal, estou precisando de uma ajudinha, estou criando uma pagina em meu template com duas colunas, usando o seguinte código:

<div style=”float: left; width: 40%”></div>

<div style=”float: right; width: 50%”></div>

No computador está ficando tudo perfeito, exatamente como eu quero, mas pelo celular as colunas estão ficando uma dentro da outra, e não se readequaram indo para a parte de baixo. Já pesquisei na internet e não achei nada que resolvesse o problema para que no celular as colunas se adequem, se alguém puder me ajudar, agradeço.