Skip to content

Neste projeto desenvolvemos uma página com uma estilização bem moderna e organizada. Utilizamos a maioria das tags HTML5 e muita propriedade CSS3, aplicando as principais características de um layout baseado em Grid.

License

Notifications You must be signed in to change notification settings

leonardoalmir/aluracast

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto: AluraCast

Neste projeto desenvolvemos uma página com uma estilização bem moderna e organizada. Utilizamos a maioria das tags HTML5 e muita propriedade CSS3, aplicando as principais características de um layout baseado em Grid.

Visite os links a seguir e conheça o projeto na prática:

Link da última versão do site: https://leonardoalmir.github.io/aluracast

Link do projeto no Figma: https://www.figma.com/file/22LjZwUJ4CMbPh78oIzuXy/Projeto-Grid---Alura-Cast?node-id=0%3A1&t=u2ls4HqY9KSZ6bHZ-1

O que foi possível aplicar e aprofundar neste projeto:

  • O que são os termos Grid Container e Grid Item
  • As unidades de medidas mais utilizadas no Grid
  • Como dimensionar a altura das linhas e a largura das colunas
  • Como calcular o espaçamento entre os elementos e alinhá-los
  • Como otimizar um projeto com o uso das variáveis de CSS;
  • Uso avançado da função minmax;
  • Como incluir o gap na largura das colunas.

About

Neste projeto desenvolvemos uma página com uma estilização bem moderna e organizada. Utilizamos a maioria das tags HTML5 e muita propriedade CSS3, aplicando as principais características de um layout baseado em Grid.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published