Revisar as propriedades de personalização de elementos, importação de fontes personalizadas, modelo de caixa, contexto dos elementos e posicionamento em camadas.
Copie o repositório para sua conta Github
- Acesse o repositório da atividade e crie um fork.
- Crie um clone do repositório que para sua máquina.
- Compartilhe o código como grupo utilizando a extensão Live Share.
A atividade consiste em interpretar, com o código fonte cedido pelo professor, a personalização e posicionamento da página utilizando a linguagem CSS.
Checklist da atividade
- Importe a fonte Montserrat da página Google Fonts para o projeto.
- Analise o código fonte e discuta em equipe quais como deverão posicionar e personalizar os itens conforme a imagem a seguir.
Nota: Serão utilizadas na importação da fonte os pesos Regular 400, Bold 700 e Black 900.
Nota: Utiliza personalize a página utilizando CSS no cabeçalho do documento HTML.
Nota: Caso considerem necessário altere o código fonte do documento HTML.
- Suba as alterações realizadas no código para seu repositório.
- Submeta o
pull request
da nova versão do código.
Meus parabéns! Agora que revisamos os fundamentos do Tableless, abrimos caminho para evoluímos a qualidade de nosso código fonte e conhecer novas funcionalidades, tanto da tecnologia HTML, quanto CSS. Na próxima aula, abordaremos a criação de formulários.