Skip to content

Latest commit

 

History

History
20 lines (15 loc) · 949 Bytes

README.md

File metadata and controls

20 lines (15 loc) · 949 Bytes

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.