A partir de 999px de width, os elementos "videoSobre-video" e videoSobre-sobre" ficam colados, ou seja, não há espaço pra dividi-los. Nem mesmo ao redor. Alguma sugestão?
É claro que de 768 pra baixo, seguindo a orientação do vídeo, já coloquei flex-direction; column. Entre 768 e 999, eu acho que essa configuração ficaria meio bizarra. O que acham?
Fala aí Vinicius, tudo bem? Com Flexbox eu gosto de usar o calc para separar os elementos, exemplo:
Imagine que temos uma linha com quatro itens, cada um com seus
25%de largura, totalizando100%.
Mas, caso seja necessário dar uma espaçamento entre eles de 20px, poderíamos fazer assim:
width: calc(25% - 20px);Estamos falando:
Olha, você precisa calcular seu tamanho de 25%, porém, retire 20px do cálculo.
Imagine que 25% fosse equivalente à 100px, ele iria retirar mais 20px resultando em 80px.
Obs: Não esqueça de dizer para os elementos se alinharem com espaço entre eles:
justify-content: space-between;Espero ter ajudado.