{"id":24307950,"url":"https://github.com/caresle-archive/profile-card-component","last_synced_at":"2026-05-20T14:33:10.207Z","repository":{"id":159599718,"uuid":"383656678","full_name":"Caresle-Archive/profile-card-component","owner":"Caresle-Archive","description":"Frontend Mentor challenge","archived":false,"fork":false,"pushed_at":"2021-08-11T22:59:28.000Z","size":285,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T19:33:53.387Z","etag":null,"topics":["css","css-flexbox","css-grid","css3","html","html5","mobile-first","mobile-first-workflow"],"latest_commit_sha":null,"homepage":"https://caresle.github.io/profile-card-component/","language":"CSS","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/Caresle-Archive.png","metadata":{"files":{"readme":"README-es.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":"2021-07-07T02:57:04.000Z","updated_at":"2024-02-19T03:25:27.000Z","dependencies_parsed_at":"2023-09-01T07:52:20.892Z","dependency_job_id":null,"html_url":"https://github.com/Caresle-Archive/profile-card-component","commit_stats":null,"previous_names":["caresle-archive/profile-card-component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Caresle-Archive/profile-card-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caresle-Archive%2Fprofile-card-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caresle-Archive%2Fprofile-card-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caresle-Archive%2Fprofile-card-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caresle-Archive%2Fprofile-card-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Caresle-Archive","download_url":"https://codeload.github.com/Caresle-Archive/profile-card-component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caresle-Archive%2Fprofile-card-component/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265311871,"owners_count":23745161,"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","css-flexbox","css-grid","css3","html","html5","mobile-first","mobile-first-workflow"],"created_at":"2025-01-17T04:33:38.658Z","updated_at":"2026-05-20T14:33:10.173Z","avatar_url":"https://github.com/Caresle-Archive.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Mentor - Profile card component solution Español\n\nEsta es una solución para el [Profile card component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ). Los retos de Frontend Mentor pueden ayudarte a mejorar tus habilidades por medio de crear proyectos reales.\n\n## Tabla de contenidos\n- [Información general](#información-general)\n  - [El reto](#el-reto)\n  - [Screenshot](#screenshot)\n  - [Links](#links)\n- [Mi proceso](#mi-proceso)\n  - [Herramientas utilizadas](#herramientas-utilizadas)\n  - [Recursos](#recursos)\n- [Autor](#autor)\n\n## Información general\n\n### El reto\n\n- Hacer el proyecto a partir del diseño dado.\n\n### Screenshot\n\n### Versión de telefono\n![](./readme-src/mobile.png)\n\n### Versión escritorio\n![](./readme-src/desktop.png)\n\n### Tamaño personalizado\n![](./readme-src/custom.png)\n\n### Links\n\n- URL para la solución: [Solution page](https://www.frontendmentor.io/solutions/html-css-dQQct9uEK)\n- URL para probar el sitio: [Github pages](https://caresle.github.io/profile-card-component/)\n\n## Mi proceso\n\n### Herramientas utilizadas\n\n- HTML5\n- CSS custom properties\n- Flexbox\n- CSS Grid\n- Mobile-first workflow\n\n### Recursos\n\n- [CSS Basics: Using Multiple Backgrounds](https://css-tricks.com/css-basics-using-multiple-backgrounds/) - Esto me ayudo para saber como usar multiples backgrounds en css.\n\n- [Background position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) - Un link a mdn acerca de la propiedad background position y me ayudo para entender mejor como posicionar el fondo.\n\n## Autor\n\n- Frontend Mentor - [@Caresle](https://www.frontendmentor.io/profile/Caresle)\n- Instagram - [@caresle1](https://instagram.com/caresle1)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaresle-archive%2Fprofile-card-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcaresle-archive%2Fprofile-card-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaresle-archive%2Fprofile-card-component/lists"}