{"id":19683748,"url":"https://github.com/blordeus/order-summary-component-main","last_synced_at":"2026-03-02T09:03:31.455Z","repository":{"id":170467141,"uuid":"646592987","full_name":"blordeus/order-summary-component-main","owner":"blordeus","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-03T00:15:35.000Z","size":664,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-27T07:59:35.975Z","etag":null,"topics":["html"],"latest_commit_sha":null,"homepage":"https://blordeus.github.io/order-summary-component-main/","language":"SCSS","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/blordeus.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":"2023-05-28T22:02:02.000Z","updated_at":"2023-05-30T00:10:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"b31ee8c0-49ac-4c04-b5ee-a92b227842e9","html_url":"https://github.com/blordeus/order-summary-component-main","commit_stats":null,"previous_names":["blordeus/order-summary-component-main"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/blordeus/order-summary-component-main","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blordeus%2Forder-summary-component-main","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blordeus%2Forder-summary-component-main/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blordeus%2Forder-summary-component-main/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blordeus%2Forder-summary-component-main/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/blordeus","download_url":"https://codeload.github.com/blordeus/order-summary-component-main/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/blordeus%2Forder-summary-component-main/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29996286,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-02T01:47:34.672Z","status":"online","status_checked_at":"2026-03-02T02:00:07.342Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["html"],"created_at":"2024-11-11T18:15:24.628Z","updated_at":"2026-03-02T09:03:31.440Z","avatar_url":"https://github.com/blordeus.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Frontend Mentor - Order summary card solution\n\nThis is a solution to the [Order summary card challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj). Frontend Mentor challenges help you improve your coding skills by building realistic projects.\n\n## Table of contents\n\n* [Overview](#overview)\n    * [The challenge](#the-challenge)\n    * [Screenshot](#screenshot)\n    * [Links](#links)\n* [My process](#my-process)\n    * [Built with](#built-with)\n    * [What I learned](#what-i-learned)\n    * [Continued development](#continued-development)\n    * [Useful resources](#useful-resources)\n* [Author](#author)\n\n## Overview\n\n### The challenge\n\nUsers should be able to:\n\n* See hover states for interactive elements\n\n### Screenshot\n\n![FireShot Capture 016 - Frontend Mentor - Order summary card - 127.0.0.1.png](.media/img_0.png)\n![FireShot Mobile Capture 018 - Frontend Mentor - Order summary card - 127.0.0.1.png](.media/img_1.png)\n\n### Links\n\n* Solution URL: [Solution](https://github.com/blordeus/order-summary-component-main.git)\n* Live Site URL: [Live Site](https://blordeus.github.io/order-summary-component-main/)\n\n## My process\n\n### Built with\n\n* Semantic HTML5 markup\n* Sass\n* Flexbox\n* CSS Grid\n* Mobile-first workflow\n* Bootstrap\n\n### What I learned\n\nThis is the first time I've used a filter property to apply a drop shadow effect.\n\n``` css\n.button-payment { \n    padding: 4% 26%;\n    color: white;\n    background-color: #382AE1;\n    font-family: $font-stack;\n    font-weight: 700;\n    border: none;\n    filter: drop-shadow(0px 15px 10px #BDB8F4);\n      \u0026:active {\n        background-color: #698DFF;\n      }\n}\n```\n\n### Continued development\n\nUse this section to outline areas that you want to continue focusing on in future projects. These could be concepts you're still not completely comfortable with or techniques you found useful that you want to refine and perfect.\n\n**Note: Delete this note and the content within this section and replace with your own plans for continued development.**\n\n### Useful resources\n\n* [Bootstrap](https://getbootstrap.com/) \\- Used the docs as a reference to help organize elements\\.\n* [Filter - CSS](https://developer.mozilla.org/en-US/docs/Web/CSS/filter) \\- This is the first time I've ever used a filter property for a project\\. I had to apply a drop shadow to one of the buttons\\.\n\n## Author\n\n* Frontend Mentor - [@blordeus](https://www.frontendmentor.io/profile/blordeus)\n* Twitter - [@blordeus](https://www.twitter.com/blordeus)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblordeus%2Forder-summary-component-main","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fblordeus%2Forder-summary-component-main","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fblordeus%2Forder-summary-component-main/lists"}