https://github.com/namonaki0/fe-mentor-order-summary-component

Frontend Mentor - Order Summary Component
https://github.com/namonaki0/fe-mentor-order-summary-component

flexbox html mobile-first-workflow responsive-design scss

Last synced: over 1 year ago
JSON representation

Frontend Mentor - Order Summary Component

• Host: GitHub
• URL: https://github.com/namonaki0/fe-mentor-order-summary-component
• Owner: Namonaki0
• Created: 2023-08-12T21:55:26.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-08-13T16:41:03.000Z (almost 3 years ago)
• Last Synced: 2025-02-26T19:09:58.000Z (over 1 year ago)
• Topics: flexbox, html, mobile-first-workflow, responsive-design, scss
• Language: SCSS
• Homepage: https://fementor-af-order-summary-component.netlify.app/
• Size: 212 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          




Frontend Mentor


[![Netlify Status](https://api.netlify.com/api/v1/badges/c3f1db97-8317-4009-9ff4-c77e943e96d8/deploy-status)](https://app.netlify.com/sites/fementor-af-order-summary-component/deploys)

---

Order summary card solution


This is a solution to the [Order summary card challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj).

---

Finished Screenshots


![mobile](./completed_screenshots/mobile.PNG)

![desktop](./completed_screenshots/desktop.PNG)

Live Site URL

---

Built with:


![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![SCSS](https://img.shields.io/badge/SCSS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white) ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7) ![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white)

Semantic HTML5 markup

SCSS custom properties

Flexbox

CSS Grid

Mobile-first workflow

Media Queries

Pixel Perfecting with PerfectPixel Chrome extension

Netlify used for deployment


---

Author

andreferreiradev.com


frontendmentor.io/profile/Namonaki0