Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Responsividade

Como o flexbox se comporta em relação a responsividade. O layout em três colunas fica bom em um desktop, mas como funcionaria para o caso do mobile (celular)?

4 respostas

Oi Márcia, Yuri que é o especialista e talvez ele possa te ajudar mais. Enquanto ele não chega, eu devo dizer que a parte de media query continua parecida.. vc pode ajustar os elementos em relação ao tamanho da tela direto no css via media query.

Depende da maneira que for implementado. Uso no Foundation (http://foundation.zurb.com/sites/docs/flex-grid.html) e funciona perfeito em mobile/desktop a questão das colunas.

Caso eu use o Bootstrap é necessário usar o flexbox ou eu não preciso me preocupar com isto?

solução!

No Bootstrap 3 a grid usa um grid responsivo "tradicional" http://getbootstrap.com/css/#grid

No Bootstrap 4 (ainda em alpha, não lançado oficialmente portanto não use para sites de cliente) a grid é totalmente feita usando flexbox https://v4-alpha.getbootstrap.com/layout/grid/

Em ambos casos o framework cuida da construção do grid, você só precisa diagramar as colunas usando as classes CSS que ele disponibiliza.