Neste vídeo, vamos construir juntos 5 layouts de página HTML responsivos para usar em seus projetos futuros.
Durante a criação, usaremos tags semânticas HTML, propriedades CSS Flexbox, posicionamento de elementos, responsividade e manipulação de CSS com Javascript.
Bora para o código?
00:00 Início
00:57 Sintaxe básica HTML
03:02 Tags semânticas
03:52 Adicionar CSS ao HTML
04:27 Associar tags HTML com seletores CSS
05:07 Layout 1
05:53 Display flex
06:34 Propriedades flex-grow, flex-shink e flex-basis
08:55 Layout 2
11:11 Regra @media
13:21 Layout 3
15:05 Layout 4
19:50 JavaScript - Events
24:04 Layout 5
26:28 Bonus
26:33 Estilizando a barra de Rolagem
28:25 Organizando o código em arquivos
GitHub - https://github.com/RodrigoMS/Layouts-HTML-CSS
Músicas - NEFFEX
https://www.youtube.com/channel/UCBefBxNTPoNCQBU_Lta6Nvg
#JavaScript #HTML #CSS