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/jobs/?...
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/pt/jobs
Código início do vídeo: github.com/rafaballerini/Flex...
Código final do vídeo: github.com/rafaballerini/Flex...
Guia Flexbox: css-tricks.com/snippets/css/a...
Palavras chave para usar com flex-basis: developer.mozilla.org/en-US/d...
Alguns joguinhos para treinar Flexbox a partir de agora:
flexboxfroggy.com/#pt-br
www.flexboxdefense.com/?...
mastery.games/flexboxzombies/...
Minhas redes sociais: beacons.ai/rafaballerini
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
13 июн 2024