layout_design
HTML 5, CSS, Framework Bootstrap templates, Flexbox
Do Design ao Código
DESIGN: FERRAMENTA FIGMA - Ferramenta de Design: https://www.figma.com
ROTEIRO
1a. Parte - CÓDIGO
Container para outras tags = head
Título - title
Cabeçalhos (headers)
Sessões (Section)
Fonte de título (h1, h2...)
Corpo (body)
Tag de Navegação (nav)
Marcadores (ul)
Lista de item (li)
Paragrafo (p)
Hyperlin (a)
Divisão (div)
2a. Parte - LAYOUT
FRAMEWORKS: Flexbox, Bootstrap
Flexbox
Flex Container: é o elemento pai de itens display: line, line-block, flex
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
Flex Item: é o que está dentro do <> e como vão se comportar flex-grow
flex-basis
flex-shrink
flex
order
align-self