Como faço UL LI responsivo?

[Kaio Kdesigner 1]

Pergunta meio tosca, eu sei, mas é que eu já procurei na internet e não encontrei...

Quero fazer uma ul li resposiva.

 

Pc: imgem imagem

mobile: imagem
              imagem

[Omar~ 87]

Simples use float / inline-block / flex

em cada item <li>.

Quando não houver espaço para caber o elemento ao lado ele quebra para baixo.

Defina uma largura por padrão se for necessário, e se também for necessário você pode está alterando com @media essas larguras conforme a resolução.

 

Exemplo:

<ul class="list-none">
    <li class="line-block box-x-250 bg-red">Item</li>
    <li class="line-block box-x-250 bg-green">Item</li>
    <li class="line-block box-x-250 bg-blue">Item</li>
</ul>

Usos:

list-none

line-block

 

 

 

[Kaio Kdesigner 1]

Obrigado Omar, mais simples doq eu imaginava.

Ela vai ficar dentro de uma div responsiva