Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/onyedikachi23/order-summary-component
Solution to Frontend Mentor Order summary card challenge
https://github.com/onyedikachi23/order-summary-component
css3 html5 ui-design
Last synced: 2 months ago
JSON representation
Solution to Frontend Mentor Order summary card challenge
- Host: GitHub
- URL: https://github.com/onyedikachi23/order-summary-component
- Owner: onyedikachi23
- Created: 2023-10-26T13:48:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-27T11:57:15.000Z (about 1 year ago)
- Last Synced: 2024-07-30T20:57:38.318Z (5 months ago)
- Topics: css3, html5, ui-design
- Language: CSS
- Homepage: https://order-summary-component-nerdynerd.netlify.app/
- Size: 307 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - 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). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Frontend Mentor - Order summary card solution](#frontend-mentor---order-summary-card-solution)
- [Table of contents](#table-of-contents)
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [Author](#author)
- [Acknowledgments](#acknowledgments)## Overview
### The challenge
Users should be able to:
- See hover states for interactive elements
### Screenshot
- Mobile design: ![image of the mobile design](design/mobile_screenshot.png)
- Desktop design: ![image of the desktop design](design/desktop_screenshot.png)### Links
- Solution URL: [Solution posted on Frontend Mentor site](https://www.frontendmentor.io/solutions/done-with-flexbox-UFgyVSKiUK)
- Live Site URL: [Checkout the live site](https://order-summary-component-nerdynerd.netlify.app/)## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow## Author
- My Frontend Mentor profile - [@OnyedikachiOzoani](https://www.frontendmentor.io/profile/OnyedikachiOzoani)
- My GitHub profile - [@OnyedikachiOzoani](https://github.com/OnyedikachiOzoani)## Acknowledgments
All thanks to Frontend Mentor for sharing this challenge and helping me practise my Frontend skills.
**Thanks for checking out my project**