Eu sei que posicionar elementos em uma página web às vezes parece uma tarefa complicada, porém com Flexbox fica muito mais fácil fazer isso no CSS! Continue aprendendo nesse vídeo a utilizar todas as propriedades dessa ferramenta nos nossos elementos filhos e acompanhe tanto o vídeo anterior desse tema, quanto o próximo que está por vir! 😊

Candidate-se a trabalhos remotos em software nos Estados Unidos do conforto da sua casa com a plataforma da Turing: https://www.turing.com/jobs/?utm_source=youtube-ad&utm_medium=social&utm_campaign=kielo-rafaella-brazil&s=dev-mktg-kielo-rafaella-youtube&n=social
Faça parte dessa rede formada pelos melhores desenvolvedores do mundo e obtenha trabalhos
remotos em software de longa duração e em tempo integral, com ótimos salários e crescimento
profissional

Possui alguma dica ou correção? Comente aqui embaixo para o pessoal também poder acompanhar, e compartilhe a sua experiência também 💻

------------------------------------------------------------------------------------------------------------------
Links importantes:

Cadastro Turing: https://www.turing.com/pt/jobs
Código início do vídeo: https://github.com/rafaballerini/FlexboxParte1
Código final do vídeo: https://github.com/rafaballerini/FlexboxParte2
Guia Flexbox: https://css-tricks.com/snippet....s/css/a-guide-to-fle
Palavras chave para usar com flex-basis: https://developer.mozilla.org/....en-US/docs/Web/CSS/f
Alguns joguinhos para treinar Flexbox a partir de agora:
https://flexboxfroggy.com/#pt-br
http://www.flexboxdefense.com/?utm_source=gabcodes&utm_medium=Pingback
https://mastery.games/flexboxzombies/?utm_source=gabcodes&utm_medium=Pingback
Minhas redes sociais: https://beacons.ai/rafaballerini
Comunidade no Discord: https://discord.gg/wagxzStdcR
-------------------------------------------------------------------------------------------------------------------
Índice do vídeo:

00:00 - Introdução
00:22 - Conheça a Turing!
02:52 - Preparação para absorver melhor o conteúdo
03:58 - Relembrando o vídeo anterior
06:48 - Preparando nosso projeto
08:02 - Order
13:50 - Flex-grow
18:31 - Flex-shrink
21:53 - Flex-basis
26:15 - Flex
27:09 - Align-self
28:57 - Dicas finais sobre Flexbox

#flexbox #css #frontend