https://github.com/dev-jakki/culturama

https://github.com/dev-jakki/culturama

css flex-layout flexbox-css grid-css grid-layout html responsive-layout

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/dev-jakki/culturama
• Owner: dev-jakki
• Created: 2023-09-21T11:23:33.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-09-21T13:43:29.000Z (over 2 years ago)
• Last Synced: 2025-02-22T03:24:51.024Z (about 1 year ago)
• Topics: css, flex-layout, flexbox-css, grid-css, grid-layout, html, responsive-layout
• Language: HTML
• Homepage: https://culturama-jakkifx.netlify.app/
• Size: 6.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![thumbnail-Praticando CSS_ Grid e Flexbox](https://user-images.githubusercontent.com/76708357/191305858-3d53d611-1ad9-4c3c-b11a-79ff9713153a.png)

# ![image](https://user-images.githubusercontent.com/76708357/191308741-fb59ba6c-8750-4e09-873b-6ab2e96225b7.png) Culturama 

O Culturama é um site para divulgação de eventos culturais, criado especialmente para este curso, aqui você pode acessar o [figma](https://www.figma.com/file/mC6DmuXPGWHYkMWOQD3khm/2713---Praticando-CSS%3A-Grid-e-Flexbox?node-id=79%3A289) do projeto.

## ✔️ Técnicas e tecnologias utilizadas

- `HTML`: O HTML tem um papel fundamental para criar as estruturas da página que formam o Culturama. 

- `CSS`: O CSS tem papel fundamental para criar os estilos que dão vida ao projeto e também na construção da organização e disposição dos elementos na página com **Flexbox** e **Grid**. Algumas propriedades que foram abordadas:

  - `display: flex`;

  - `flex-direction`;

  - `flex-wrap`;

  - `flex-grow`;

  - `order`;

  - `display: grid`;

  - `grid-column` e `grid-row`;

  - `grid-area`;

  - `grid-template-areas`;

  - `grid-template-columns`;

  - `column-gap`, `gap` e `row-gap`;

  - `align` e `justify`;

 

  

Neste repositório você tem acesso a todo o material produzido no curso.

## 🛠️ Abrir e rodar o projeto

Para abrir e rodar o projeto, basta abrir o aquivo `index.html` no navegador.