Рет қаралды 186,994
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