// Cria um espaçamento igual entre os elementos. Mantendo o primeiro grudado no início e o último no final.
Sabendo como todas as propriedades do justify-content funcionam, você possui diversas opções de fazer do modo que deseja. Abaixo darei um exemplo utilizando o justify-content: flex-start;.
Tenha em mente que estou utilizando o browser em uma resolução alta, caso eu diminua a resolução irá ficar do seguinte modo (depende da resolução que irá estar):
Sabendo-se disto, você pode observar que os últimos conteúdos ficaram alinhados como desejava, porém todos os conteúdos estão "colados" uns aos outros, para solucionar isto é bastante simples, basta apenas adicionar as seguintes propriedades a sua classe .conteudo:
Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag css html5 css3 display flex ou faça sua própria pergunta.