CSS Grid

Página inicial da loja UseDev.

🔨 Funcionalidades do projeto

A página mostrará um menu de navegação no cabeçalho, um banner de divulgação, lista de categorias e produtos, assim como uma seção de cadastro para a newsletter e um rodapé com links relacionados a aplicação.

✔️ Técnicas e tecnologias utilizadas

As técnicas e tecnologias utilizadas pra isso são:

• HTML: Linguagem de marcação para criar páginas web.
• CSS: Estiliza a apresentação das páginas web.
  • CSS Grid: Sistema de layout bidimensional que facilita a criação de layouts complexos.
    • Grid Container: Elemento que define um grid e contém os itens do grid.
    • Grid Items: Elementos filhos do grid container, dispostos dentro do grid.
    • Grid Template Columns: Define o número de colunas e suas larguras.
    • Grid Template Rows: Define o número de linhas e suas alturas.
    • Grid Gap: Espaçamento entre as colunas e linhas do grid.
    • Justify Content: Alinhamento dos itens na direção horizontal.
    • Align Content: Alinhamento dos itens na direção vertical.
    • Grid Areas: Nomeação de áreas específicas do grid para layout personalizado.

📁 Acesso ao projeto

Você pode acessar o código fonte do projeto inicial ou baixá-lo.

🛠️ Abrir e rodar o projeto

Após baixar o projeto, você pode abrir com o Visual Studio Code. Para isso, no menu superior, clique em:

• File > Open Folder (ou alguma opção similar)
• Procure o local onde o projeto está e o selecione (Caso o projeto seja baixado via zip, é necessário extraí-lo antes de procurá-lo)
• Por fim clique em OK

Ao finalizar esses passos, você pode executar a aplicação com a extensão Live Server 🏆