Para que serve o flex?
Tenho visto uma propriedade no css que tem sido muito usada, mas que ainda não entendi o grande diferencial quue ela traz. Se trata da propriedade flex do CSS, que dizem facilitar bastante o trabalho de quem mexe com front-end. O que essa propriedade faz não tem como fazer com o uso de outras propriedades no CSS? Essa propriedade é compatível com os navegadores atuais?
Larissa Aguiar
Curtidas 0
Melhor post
Daniella Gomes
20/04/2017
Oi Larissa, sim, é uma propriedade compatível com os navegadores atuais.
Dá pra trabalhar posicionamento de elementos com o float ou até com cálculos e posicionamentos, mas quando falamos de responsivo, isso não é válido. O flex-box veio para sanar o uso dessas propriedades e deixar seu layout mais flexível e responsivo. Aqui na DevMedia temos uma porção de conteúdos sobre o assunto, a começar pelo nosso curso https://www.devmedia.com.br/curso/css3-display-flex-como-organizar-cards-e-boxes-automaticamente/1908 é bem completo sobre. Além disso temos:
- https://www.devmedia.com.br/exemplo/html-e-css-tela-de-login-com-flexbox-e-media-queries/7
- https://www.devmedia.com.br/css3-flexbox-criando-layouts-flexiveis/29532
- https://www.devmedia.com.br/como-centralizar-divs-em-html-e-css/37568
- https://www.devmedia.com.br/guia/guia-de-referencia-css/38149
Dá pra trabalhar posicionamento de elementos com o float ou até com cálculos e posicionamentos, mas quando falamos de responsivo, isso não é válido. O flex-box veio para sanar o uso dessas propriedades e deixar seu layout mais flexível e responsivo. Aqui na DevMedia temos uma porção de conteúdos sobre o assunto, a começar pelo nosso curso https://www.devmedia.com.br/curso/css3-display-flex-como-organizar-cards-e-boxes-automaticamente/1908 é bem completo sobre. Além disso temos:
- https://www.devmedia.com.br/exemplo/html-e-css-tela-de-login-com-flexbox-e-media-queries/7
- https://www.devmedia.com.br/css3-flexbox-criando-layouts-flexiveis/29532
- https://www.devmedia.com.br/como-centralizar-divs-em-html-e-css/37568
- https://www.devmedia.com.br/guia/guia-de-referencia-css/38149
GOSTEI 2
Mais Respostas
Larissa Aguiar
18/04/2017
Obrigada pela resposta Daniella!
E valeu pelos links!
E valeu pelos links!
GOSTEI 0