Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
2
respostas

Movimentação de DIV em layout responsivo

Boa tarde,

Estou com uma dúvida que não consigo resolver, eu tenho uma lista de divs que estão em ordem horizontal, mas queria que quando a pessoa chegasse nessa parte da pagina, ao invés de quando ele passasse pro lado com o dedo, não fosse a pagina para o lado e sim cada div para a esquerda, apenas o container que estão as divs iria se mover e não a pagina toda.

Acredito que seja simples mas não sei como fazer.

obrigado.

2 respostas
solução!

Tipo assim?

div 1
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
outra div
  <style>
    .resp-container {
        display: flex;
        flex-flow: row;
        overflow-x: scroll;
    }
    .resp-item {
        white-space: nowrap;
    }
  </style>
  <div class="resp-container">
    <div class="resp-item" style="background: #00F">
        div 1
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    <div class="resp-item" style="background: #F00">
        outra div
    </div>
    <div class="resp-item" style="background: #00F">
        outra div
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    <div class="resp-item" style="background: #F00">
        outra div
    </div>
    <div class="resp-item" style="background: #00F">
        outra div
    </div>
    <div class="resp-item" style="background: #0F0">
        outra div
    </div>
    . . .
</div>

Hiroshi isso mesmo acabei descobrindo fuçando por ai, mas valeu cara.