FLEXBOX CSS! Como posicionar elementos na página web - parte 1

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! Aprenda nesse vídeo a utilizar todas as propriedades dessa ferramenta no nosso elemento pai/container e acompanhe os próximos vídeos desse tema 😊 Quer entrar no mercado de trabalho tech? Dá uma conferida na plataforma da GeekHunter, o maior marketplace especializado na contratação de desenvolvedores da América Latina com cadastro totalmente gratuito: https://bit.ly/37HoA5e 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 GeekHunter: https://bit.ly/37HoA5e Código exemplo do vídeo: https://github.com/rafaballerini/FlexboxParte1 Guia Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Minhas redes sociais: https://beacons.ai/rafaballerini Comunidade no Discord: https://discord.gg/wagxzStdcR ------------------------------------------------------------------------------------------------------------------- índice do vídeo: 00:00 - Introdução 00:12 - Conheça a GeekHunter 01:15 - O que é Flexbox 02:30 - HTML e CSS do nosso exemplo 04:16 - Display: flex; 05:27 - Flex-direction 06:34 - Justify-content 08:52 - Align-items 12:28 - Flex-wrap 13:38 - Flex-flow 14:15 - Align-content 16:00 - Gap, row-gap e column-gap 17:55 - Revisão #flexbox #css #frontend