Solucionado
Olá! Conforme comentado no tópico anterior, os elementos vídeo e "Vantagens do Alurinha" ficam colados quando entre 768 e 999 pixels. Mesmo usando a sugestão do fórum:
.videoSobre .container { flex-direction: column; width: calc(25% - 20px); justify-content: space-between; }
continua sem corrigir esse intervalo. O que fazer para resolver?
A propósito, eu criei a seguinte exceção:
@media(min-width: 769px) and (max-width: 999px) { .videoSobre-video { margin-right: 5%; } }
Resolveu o problema de ficarem colados. É adequado adicionar essa regra?
Fala aí Danilo, tudo bem? Precisaria ver o código completo e problema para te falar o porque não funcionou a primeira solução, na teoria era para ter funcionado.
Sobre sua solução, não há nada de ruim nela, mas, quando estamos utilizando flexbox acabamos não precisando desse margin-right, pois, podemos fazer o calc no width.
Espero ter ajudado.