Quebra da Div para visualizar no Mobile

Seguinte, pessoal. Eu estou com duas divs uma ao lado da outra que eu gostaria que quebrassem quando o usuário que estiver visualizando pelo celular entrasse e visse o conteúdo. Alguém tem alguma dica? ou artigo que eu possa ler para saber sobre isso?

Ele fica assim para o usuário que visualizar no desktop.
Na mesma imagem logo abaixo tem a visualização numa tela menor, como no mobile.

Eu gostaria que a Div de tire suas dúvidas quebrasse para a próxima linha.

1 curtida
@media(max-width: 768px){
    .div-pai {
       display: flex;
       flex-direction: column;
    }
}
1 curtida