Preciso fazer uma lista que em até no máximo de 6 itens, pegue toda a largura da tela, seguindo os seguintes passos:
- Se tiver somente um item da lista, ele pegue 100% de largura da tela;
- Se tiver dois itens da lista, cada uma tem que pegar 50% de largura total da tela;
- Se tiver três itens da lista, cada um tem que pegar 33% da largura total da tela, e assim por diante até 6 itens.
Segue o código do que eu tenho feito até o momento, não consegui fazer e preciso fazer isto somente com CSS. Estou utilizando Bootstrap.
https://codepen.io/maur-cio-gabriel-kr-ger/pen/yQQxeN?editors=1100