{"id":21097087,"url":"https://github.com/rubendvb/css-flexbox-grid","last_synced_at":"2026-01-02T06:09:33.860Z","repository":{"id":118092994,"uuid":"495671314","full_name":"Rubendvb/CSS-flexbox-grid","owner":"Rubendvb","description":null,"archived":false,"fork":false,"pushed_at":"2022-06-04T19:29:47.000Z","size":6004,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-21T02:09:45.308Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"css-flexbox-grid-nine.vercel.app","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/Rubendvb.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":"2022-05-24T04:40:40.000Z","updated_at":"2022-06-04T19:26:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"d0d45491-2d21-49f3-8b80-74ca4aed4543","html_url":"https://github.com/Rubendvb/CSS-flexbox-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/Rubendvb%2FCSS-flexbox-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rubendvb%2FCSS-flexbox-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rubendvb%2FCSS-flexbox-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Rubendvb%2FCSS-flexbox-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Rubendvb","download_url":"https://codeload.github.com/Rubendvb/CSS-flexbox-grid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243538548,"owners_count":20307204,"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":[],"created_at":"2024-11-19T22:46:10.891Z","updated_at":"2026-01-02T06:09:28.809Z","avatar_url":"https://github.com/Rubendvb.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Link do resultado final\n\n[Acesse aqui](https://css-flexbox-grid-10ma5v82j-rubendvb.vercel.app/)\n\n# Guia de estilos\n\nToda a estilização que será usada no projeto dentro do figma.\n\n[Link do projeto no figma](https://www.figma.com/file/ibWktwVpnog76rMYOdVhks/Dispondo-elementos-com-flexbox-e-grid?node-id=54%3A2358)\n\n## Fonte\n\n```html\nOpen Sans:\n\u003clink rel=\"preconnect\" href=\"https://fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin\u003e\n\u003clink rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700\u0026display=swap\"\u003e\n```\n\n## Cores\n\ncorpo: `#1D232A`\n\ncabeçalho: `#1D232A`\n\ncabeçalho mobile: `#15191C`\n\nmenu lateral: `#15191C`\n\ncartão: `#2C343A`\n\nfonte: `#FFFFFF`\n\nfonte alternativa: `#95999C`\n\nlinks: `#0480DC`\n\nbotão: `#0480DC`\n\nsombras: `0px 4px 4px rgba(0, 0, 0, 0.16)`\n\n## Ícones\n\nEstão dentro do arquivo de fonte `icones.ttf`. Para usar, primeiro importe a fonte no projeto usando `@font-face` e depois utilize os códigos abaixo para exibir o ícone.\n\n```css\n@font-face {\n    font-family: 'icones';\n    src: url(../font/icones.ttf);\n}\n```\n\n\u003e Cuidado com a localização do arquivo `icones.ttf`\n\nCamisas = `\\e900`\n\nCarrinho = `\\e901`\n\nInicio = `\\e902`\n\nIntegrantes = `\\e903`\n\nMenu = `\\e904`\n\nMoeda = `\\e905`\n\nNotificação = `\\e906`\n\nPico = `\\e908`\n\nPicos = `\\e909`\n\nPinturas = `\\e90a`\n\nPlay = `\\e90b`\n\nRelogio = `\\e90c`\n\nSeta-baixo = `\\e90d`\n\nVideos = `\\e90e`\n\nVisualizacao = `\\e90f`\n\n## Espaçamentos\n\nEspaço interno botão: `8px`\n\nEspaço entre elementos do botão: `8px`\n\nEspaço entre elementos: `16px/8px`\n\nEspaçamento interno do corpo: `16px`\n\nEspaçamento entre o título do cartão de recentes e seus itens: `24px`\n\n## Tamanhos\n\nTamanho do dispositivo mobile: `360px`\n\nTamanho do dispositivo desktop: `1440px`\n\nLargura máxima do conteúdo principal: `1120px`\n\nLargura máxima de um cartão desktop: `256px`\n\nAltura mínima de um cartão: `320px`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubendvb%2Fcss-flexbox-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frubendvb%2Fcss-flexbox-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubendvb%2Fcss-flexbox-grid/lists"}