{"id":20962703,"url":"https://github.com/rocketseat-content/youtube-desvendando-css-grid","last_synced_at":"2025-05-07T13:34:22.812Z","repository":{"id":105905217,"uuid":"201268587","full_name":"rocketseat-content/youtube-desvendando-css-grid","owner":"rocketseat-content","description":"Project created for the video about CSS Grid","archived":false,"fork":false,"pushed_at":"2019-08-15T15:53:23.000Z","size":7,"stargazers_count":206,"open_issues_count":0,"forks_count":90,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-31T10:38:21.490Z","etag":null,"topics":["css","grid","youtube"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=HN1UjzRSdBk","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rocketseat-content.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-08T13:50:41.000Z","updated_at":"2024-11-15T23:51:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"e14871f4-1bfc-41df-b918-bea588bf7d04","html_url":"https://github.com/rocketseat-content/youtube-desvendando-css-grid","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocketseat-content%2Fyoutube-desvendando-css-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocketseat-content%2Fyoutube-desvendando-css-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocketseat-content%2Fyoutube-desvendando-css-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rocketseat-content%2Fyoutube-desvendando-css-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rocketseat-content","download_url":"https://codeload.github.com/rocketseat-content/youtube-desvendando-css-grid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252887415,"owners_count":21819894,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","grid","youtube"],"created_at":"2024-11-19T02:36:26.209Z","updated_at":"2025-05-07T13:34:22.796Z","avatar_url":"https://github.com/rocketseat-content.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS GRID\n\n\n## GRID\n\n- Bimensional\n- Divisão de toda a página em linhas e colunas\n- Colocar elementos onde quiser nessa divisão\n\n---\n\n## GRID OU FLEXBOX\n\n- Grid: Duas dimensões (colunas e linhas)\n- Flexbox: Uma dimensão (ou coluna ou linha)\n- Um complementa o trabalho do outro\n- Verificar quais navegadores ainda não estão aceitando o Grid\n\n\n---\n\n## PROPRIEDADES\n\n\nVamos separar em 2 grupos:\n`container` e `item(s)`\n\n---\n### CONTAINER\n\n- display: grid;\n- grid-template-columns;\n- grid-template-rows;\n- grid-gap\n  - grid-row-gap\n  - grid-column-gap\n- grid-template-areas;\n  \n... e mais 4 propriedades e [**alinhamento**!](https://github.com/Rocketseat/youtube-desvendando-css-grid/blob/master/Alinhamento.md)\n\n\n---\n## ITEM(s)\n\n- grid-column\n  - grid-column-start\n  - grid-column-end\n- grid-row\n  - grid-row-start\n  - grid-row-end\n- grid-area\n\n... e mais 2 propriedades de [**alinhamento**!](https://github.com/Rocketseat/youtube-desvendando-css-grid/blob/master/Alinhamento.md)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frocketseat-content%2Fyoutube-desvendando-css-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frocketseat-content%2Fyoutube-desvendando-css-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frocketseat-content%2Fyoutube-desvendando-css-grid/lists"}