Como fazer um div fixo ao usar justify-content space entre - css, sass

Eu estou tentando adicionar dois divs (left-item-container,right-item-container) na parte superior da minha página e conserte o contêiner de item à esquerda. Eu desejo que o item da esquerda seja corrigido quando a página for rolada. O item certo deve ser rolado e pode estar oculto.

Eu também gostaria de ter espaço entre os divs.

.mydiv{
display:flex
justify-content: space-between;

.left-item-container{
position: fixed;
}
.right-item-container{
}
}

Quando eu excluo posição fixo o espaço entre funciona bem - no entanto eu perco a posição fixa.

Preciso de ajuda para deixar o item da esquerda fixo e também ter espaço entre quando os dois divs estão visíveis.

Respostas:

Consegui fazê-lo funcionar dando ao contêiner uma altura específica, bem como aplicando um conteúdo justificado de flex-start ao contêiner esquerdo, pois é nesse ponto que "gostaríamos que ele ficasse fixo".

.mydiv{
display:flex;
justify-content: space-between;

.left-item-container{
border: 10px solid red;
justify-content:flex-start;
position:fixed;
height:30px;
}
.right-item-container{
border:10px solid blue;
height:20px;
}
}

Veja isso jsfiddle