Desenvolvimento do projeto culturama ao longo do curso de Praticando CSS: Grid e Flexbox ministrado pelos instrutores Luan Alves e Beatriz Moura. O objetivo do curso foi aprofundar os conhecimentos sobre grid e flexbox para posicionar elementos em uma página da Web.
- Diferenciar item e container;
- Aplicar propriedades de flex e de grid para distribuir os elementos na página;
- Organizar os elementos no eixo horizontal e vertical;
- Realizar a contagem das linhas do grid horizontais e verticais;
- Definir o posicionamento inicial e final de um grid item em relação às linhas e colunas do layout.
- Alteração de eixos com propriedade
flex-direction
; - Organizar conjuntos de itens em um container com a propriedade
flex-grow
; - Unir propriedades do flexbox em conjunto de media query para obter o resultado de layouts responsivos.
- Criar linhas e colunas em um Layout, calculando as alturas e larguras;
- Posicionar itens por meio da criação de um template com áreas do Grid;
- Criação de um projeto utilizando o método mobile-first;
- Inicialmente você precisa ter instalado em seu computador um editor de código-fonte, no meu caso eu utilizo o Visual Studio Code.
- Depois, você pode fazer o download do projeto clicando na opção Code e em seguida selecionando Download Zip.
Ou
- Clonar o repositório
git clone https://github.com/RodrigoHarder/culturama.git
- Localizar e abrir a pasta culturama
cd culturama
Neste projeto foram usadas as seguintes linguagens:
Para a construção dos códigos que compõem a página foi utilizado o editor de código-fonte abaixo: