Skip to content

This repository is for the project developed based on the CSS Grid course, part of Alura's Front-End training.

Notifications You must be signed in to change notification settings

RhamandaLima/css-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 

Repository files navigation

css-grid

Curso de CSS Grid: simplificando layouts.

Este repositório é destinado ao projeto que desenvolvi com base nas aulas do "Curso de CSS Grid: simplificando layouts", da Alura, focado em CSS.


Alura Store:

O conteúdo deste curso é voltado exclusivamente para o desenvolvimento da página web Alura Store com layouts e templates complexos, sendo implementada através do CSS Grid Layout.

Além disso, o foco do curso está no desenvolvimento com responsividade.

Objetivos principais:

  • Simplificar a criação de layouts complexos;
  • Posicionar elementos com mais facilidade;
  • Utilizar grid para calcular e alinhar elementos;
  • Criar templates com mais eficiência e simplicidade;
  • Indicar aos elementos onde eles devem se posicionar;
  • Indicar aos elementos onde eles devem começar e terminar.

Neste curso, as seguintes abordagens tiveram foco:

  • Definição de templates com grid-template-areas;
  • Posicionamento dos elementos em suas áreas;
  • Definição de colunas com grid-template-columns;
  • Definição de linhas com grid-template-rows;
  • Definição de template sem áreas;
  • Posicionamento dos elementos com grid-column-start, grid-column-end, grid-row-start e grid-row-end;
  • Shorthand grid-column e grid-row;
  • Metodologia BEM;
  • Definição de espaçamento entre linhas e colunas;
  • Cálculo de espaçamento com calc(); e
  • Responsividade (media queries).

Tecnologias


Protótipo do projeto


Resultados

Página web implementada:

Página responsiva/mobile:


Status do projeto/curso

Concluído.

About

This repository is for the project developed based on the CSS Grid course, part of Alura's Front-End training.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published