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: 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: bit.ly/37HoA5e
Código exemplo do vídeo: github.com/rafaballerini/Flex...
Guia Flexbox: css-tricks.com/snippets/css/a...
Minhas redes sociais: beacons.ai/rafaballerini
Comunidade no Discord: / discord
-------------------------------------------------------------------------------------------------------------------
í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
16 май 2024
