Milligram: Comportamento de grade no celular
Informação da versão
- Miligrama 1.3
Passos para reproduzir
<div class="row">
<div class="column">test</div>
<div class="column column-20"">test 2</div>
</div>
Comportamento esperado
Eu esperava ver 100% de largura na grade móvel, como outros frameworks css estão fazendo.
Comportamento real
A grade mantém a largura percentual, mas em duas linhas, o que parece estranho.
No Desktop
No telemóvel
Alguma solução para isso ou é o comportamento esperado?
dnohr
Todos 7 comentários
Ei @dnohr Boa chamada!
Gostei muito da ideia. Na verdade, eu já tinha imaginado algo assim, mas não tenho certeza se todo mundo usa dessa forma. Seria interessante mapear essas informações. Você poderia me mostrar quais frameworks CSS usam 100% no celular?
cjpatoilo
em 7 fev. 2018
Olá @cjpatoilo ,
Parece que essas estruturas estão fazendo isso:
Eu acho que a solução seria substituir a largura da "coluna-20" em 100% se estiver em um dispositivo móvel. Seria possível?
Obrigado pelo seu trabalho 👌🏻
dnohr
em 7 fev. 2018
@dnohr Eu encontrei uma maneira de adicionar este suporte e manter o comportamento atual. 👍
Obrigado por relatar esta melhoria.
cjpatoilo
em 16 fev. 2018
Estou tendo o mesmo problema?
Como resolver isso?
No celular, espero que a grade divida as colunas em linhas e permaneça exatamente a mesma de quando estava no desktop.
martinffx
em 15 set. 2018
Posso corrigir esse problema?
celebritydeveloper
em 17 nov. 2019
@celebritydeveloper este comportamento foi corrigido. Veja a demonstração:
cjpatoilo
em 20 mai. 2020
@dnohr @martinffx Por enquanto, encerrarei este problema.
Sinta-se à vontade para reabrir ou abrir um novo.
cjpatoilo
em 20 mai. 2020
Questões relacionadas
fooksupachai
·
5Comentários
kresogalic8
·
5Comentários
swalberg
·
6Comentários
PurpleBabar
·
6Comentários
mterron
·
6Comentários
Comentários muito úteis
Olá @cjpatoilo ,
Parece que essas estruturas estão fazendo isso:
Eu acho que a solução seria substituir a largura da "coluna-20" em 100% se estiver em um dispositivo móvel. Seria possível?
Obrigado pelo seu trabalho 👌🏻