Ajuda Design Responsivo

TeKyLa · 15 de janeiro de 2015

Fala galera, estou com uma duvida no design responsivo do meu site.

Bom a estrutura ja está pronta como na imagem:

http://i.imgur.com/wQLghqq.png

Só que na versão mobile fica assim :

http://i.imgur.com/CTZh9Ag.png

Porque nao tem o design responsivo..

Não sei se tenho que terminar tudo o site colocar imagens etc, pra depois fazer o design responsivo, ou se eu ja posso fazer agora.

Se Alguem puder me da uma força agradeceria.

Estou com duvida de como fazer, se alguem tiver tutorial alguma coisa, unico problema está sendo nesta parte:

 @[member=MEDIA] screen and (max-width:480px){#conteudo{width:auto;  }#topo {width: 100%;}#menus{width:100%;}#logo{width:100%;} #conteudo1{width:auto;float:left; }#conteudo2{width:auto;float:right; }#conteudo3{width:auto;float:left; }#conteudo4{width:auto;float:right; } #rodape{width:auto; }#conteudo2B{width:auto;float:none;  }#conteudo2A{width:auto;float:none; }