Рет қаралды 52,521
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: www.turing.com...
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: www.turing.com...
Código início do vídeo: github.com/raf...
Código final do vídeo: github.com/raf...
Guia Flexbox: css-tricks.com...
Palavras chave para usar com flex-basis: developer.mozi...
Alguns joguinhos para treinar Flexbox a partir de agora:
flexboxfroggy....
www.flexboxdefe...
mastery.games/...
Minhas redes sociais: beacons.ai/raf...
Comunidade no Discord: / discord
-------------------------------------------------------------------------------------------------------------------
Í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