2
respostas

Sobre a arquitetura com Flex box

Montar um arquivo separado só para flex box na criação do site é uma boa pratica?

2 respostas

Oi Maicon!

Pessoalmente nunca vi um arquivo dedicado à classes que utilizam flexbox. A declaração display: flex e propriedades como flex-direction, flex-grow são apenas declarações CSS comuns como width: 100px e height: 200px.

Você criaria um arquivo separado para classes que definem só largura e/ou altura de um elemento? Ou para classes que tem display: inline? Se não, por que seria necessário criar um arquivo CSS só para flexbox?

No começo, flexbox e grid parecem coisas de outro mundo, mas lembre-se que elas são apenas propriedades que nos auxiliam no layout do site e portanto não devem ser consideradas diferentes de todas as outras propriedades CSS só porque são mais complexas.

Espero ter ajudado! Qualquer outra dúvida pode postar aqui!

Olá Maicon,

Concordo com o Eduardo, acredito não ser uma boa ideia criar arquivos separados apenas para a estilização com flexbox.

Até porque o ideal é que você defina qual tipo de posicionamento você vai usar durante todo o projeto. Existem projetos inteiros onde o padrão é float, outros o padrão inteiro é position. O ideal seria definir o seu padrão de projeto e seguir ele até o fim.

E somente em raras exceções mudar o padrão. Às vezes um menu que vai ficar fixo na página e não tem como fazer com flexbox ai você usaria o position: fixed por exemplo.

Aqui no curso, acredito que o professor só fez dessa forma por uma questão de didática mesmo. Mas em projetos reais, nunca vi assim.