{"id":18709041,"url":"https://github.com/baguilar6174/testimonial-grid","last_synced_at":"2026-05-09T02:03:12.052Z","repository":{"id":137807083,"uuid":"371569340","full_name":"baguilar6174/testimonial-grid","owner":"baguilar6174","description":"This is a solution to the Testimonials grid section challenge on Frontend Mentor","archived":false,"fork":false,"pushed_at":"2024-11-16T02:11:50.000Z","size":403,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-19T08:11:26.749Z","etag":null,"topics":["bootstrap","css","frontend-mentor","html","scss"],"latest_commit_sha":null,"homepage":"","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/baguilar6174.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":"2021-05-28T03:30:25.000Z","updated_at":"2024-11-16T02:11:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"990554fe-7e24-4713-a3a5-3c1819f16222","html_url":"https://github.com/baguilar6174/testimonial-grid","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/baguilar6174/testimonial-grid","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baguilar6174%2Ftestimonial-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baguilar6174%2Ftestimonial-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baguilar6174%2Ftestimonial-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baguilar6174%2Ftestimonial-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/baguilar6174","download_url":"https://codeload.github.com/baguilar6174/testimonial-grid/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/baguilar6174%2Ftestimonial-grid/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261080113,"owners_count":23106564,"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":["bootstrap","css","frontend-mentor","html","scss"],"created_at":"2024-11-07T12:26:06.264Z","updated_at":"2025-10-29T13:20:28.016Z","avatar_url":"https://github.com/baguilar6174.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Mentor - Testimonials grid section\n\nThis is a solution to the [Testimonials grid section challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/testimonials-grid-section-Nnw6J7Un7).\n\n## Description\n\nThis challenge is a CSS Grid practice. Grid is such a powerful addition to CSS. Bootstrap 5 will be used to customize the site. Your users should be able to:\n\n- View the optimal layout for the site depending on their device's screen size\n\n## Installation\n\nThe project has been created using two extensions of visual studio code: [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass \"Live Sass Compiler\") to compile the SCSS code to CSS and [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer \"Live Server\") to visualize the changes made in the browser (hot reload).\n\nTo properly configure [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass \"Live Sass Compiler\"), I recommend you watch [this video tutorial](https://www.youtube.com/watch?v=A1tyKkkziTc\u0026t=10s\u0026ab_channel=FalconMasters \"this video tutorial\") from the [Falcon Masters channel](https://www.youtube.com/channel/UCJl1YajcPWTeJNsQhGyMIMg \"Falcon Masters channel\").\n\nIn my case I have set the build directory as `dist/`. In case you configure this directory with another name, you must change it in the following line of the `index.html` file.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"/dist/style.css\"\u003e\n```\n\nRun the command to install bootstrap with npm\n\n```\nnpm i\n```\n\n### Links\n\n- Solution URL: [Testimonials grid page](https://testimonialgridchallenge.netlify.app/)\n\n## My process\n\n### Built with\n\n- Semantic HTML5 markup\n- SCSS custom properties\n- CSS Grid\n- Mobile-first workflow\n- [Bootstrap 5](https://getbootstrap.com/)\n\n## What I learned\n\n- Mobile-first Grid responsive to build layouts\n- Flexbox\n- Sizing (Viewports)\n- Navbar\n- Cards\n- Media object\n- Borders\n- Import and custom Boostrap SCSS\n- Custom bootstrap variables\n\n## Testimonials Grid Page\n\n![Desktop](https://github.com/bryanAguilar001/testimonial-grid/blob/main/media/desktop.PNG?raw=true)\n\n## Stay in touch\n\n- Website - [www.bryan-aguilar.com](https://www.bryan-aguilar.com/)\n- Medium - [baguilar6174](https://baguilar6174.medium.com/)\n- LinkeDIn - [baguilar6174](https://www.linkedin.com/in/baguilar6174)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaguilar6174%2Ftestimonial-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbaguilar6174%2Ftestimonial-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbaguilar6174%2Ftestimonial-grid/lists"}