2.5K Followers
·
Follow

Image for post
Image for post
Flexível né?

Durante as lives que faço de segunda a sexta das 19:32 até as 22:32 (Brasília) na http://twitch.tv/marcobrunobr, toda vez que uso as propriedades do Flexbox alguém pergunta como elas funcionam, e essa também é uma das perguntas mais feitas no Discord da CollabCode. Por estes dois motivos e para fixar melhor o conhecimento, resolvi fazer uma série de posts falando com bastante detalhe sobre essas propriedades e a teoria do Flexbox. Então bora!!!

Flexbox foi desenvolvido para sermos muito mais felizes desenvolvendo layouts flexíveis, ou seja, nos ajuda muito quando estamos fazendo layouts para vários tamanhos de telas -- hoje em dia são raros os momentos que não. A última atualização que tivemos na documentação dele (no momento que escrevo esse post) foi no dia 19 de Novembro de 2018, então de fato é algo recente na web, mas suas propriedades já estão consolidadas e sendo usadas por Devs FrontEnd. Só tome cuidado que ela não é uma propriedade bala de prata pois tem sua limitações, ela não consegue criar comportamentos com texto como o float consegue, com ela não conseguimos fazer um menu fixo na tela como podemos fazemos com position: fixed, entre outras coisas que vou comentar e te provar na prática neste e nos próximos posts. Portanto, lembre de estudar as outras propriedades de posicionamento para não ficar com seu conhecimento limitado porque vai afetar sua eficiência e eficácia quando estiver codando seus layouts. …


Bora aprender como funciona o position: fixed para não precisar fazer umas gambiarras :-)

Quando estou gravando aulas de CSS do curso Do Front ao End e tirando dúvidas dos alunos pelo Discord da CollabCode sobre as propriedades de posicionamento do CSS, a position: fixed é a mais divertida de explicar :-)

Ah! Esse será o primeiro post que vou te propor um desafio final para você testar o seu conhecimento sobre o conteúdo passado aqui e outras coisas mais sobre CSS. Depois que terminar o desafio ou enquanto você estiver fazendo, entre lá no Discord da CollabCode clicando no link a seguir para você tirar suas dúvidas e compartilhar todo seu conhecimento:

Se tem dúvidas sobre outras propriedades de posicionamento do CSS, eu tenho um post que é o agregador para todos os posts que escrevi sobre o…


Família Jardim Bruno

Estou vivendo meu maior sonho aos 31 anos de idade, hoje eu moro em Portugal a pouco mais de 25 dias com o pequeno (Henri), pequena (Luna) e a Preta (Jovis Jardim), essa família que é o meu maior sonho realizado. …

About

Marco Bruno

Migrei de palhaço para Dev. Front-End/UX e agora eu trabalho como streamer de código, instrutor e dev na CollabCode

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store