Montar um arquivo separado só para flex box na criação do site é uma boa pratica?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Montar um arquivo separado só para flex box na criação do site é uma boa pratica?
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.