Dúvida com Flexbox
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?Discussão (0)
Carregando comentários...