Como faço UL LI responsivo?

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](https://github.com/Spell-Master/sm-web/blob/master/css/sm-default.css#L662)

	[line-block](https://github.com/Spell-Master/sm-web/blob/master/css/sm-default.css#L658)

Obrigado Omar, mais simples doq eu imaginava.

Ela vai ficar dentro de uma div responsiva