Ir para conteúdo
  • 0
andreymiragem

Como faço pra fazer os meus dois containers de conteúdo e conteúdo lateral ficarem corretos com flexbox?

Pergunta

0 respostas a esta questão

Recommended Posts

Até agora não há respostas para essa pergunta

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Luccallp
      space-between. Flex items são igualmente distribuídos na linha (se o espaço de sobra for negativo ou houver somente um flex item na linha, o comportamento é idêntico a flex-start)
       
      MEU CSS:
       
      #catalogoList {
      width: 70%; margin-left: 3%; margin-right: 5%; padding-bottom: 15px; border-top: 2px solid #8A7E7B; float: right; height: 300px; margin-top: 50px !important; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;
      }
      #catalogoList .item {
      width: 24%; height: 360px; border: 1px solid #D9D9D9; margin-top: 15px; transition: 0.5s cubic-bezier(.77,.43,.42,1.34); overflow: hidden; position: relative;
      }
       
      No caso, são 4 blocos por linha, acontece que na última linha não tem 4 blocos, as vezes 2 ou 3 e ele acaba alinhando nas duas extremidades laterias (estou ciente do justify-content: space-between), mas não tem como fazer ele se comportar de outra forma, como o flex-start quando não tiver itens suficientes para preencher essa linha?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.