https://github.com/jack970/order-page-music
Live Site:
https://github.com/jack970/order-page-music
Last synced: over 1 year ago
JSON representation
Live Site:
- Host: GitHub
- URL: https://github.com/jack970/order-page-music
- Owner: jack970
- Created: 2021-09-10T02:28:41.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-10T03:17:34.000Z (almost 5 years ago)
- Last Synced: 2025-01-28T14:21:48.371Z (over 1 year ago)
- Language: CSS
- Homepage: https://page-music.netlify.app
- Size: 190 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)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Author](#author)
## Overview
### Screenshot
### Links
- Solution URL: [my solution here](https://prnt.sc/1ro4ixa)
- Live Site URL: [live site here](https://page-music.netlify.app)
## My process
### Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
### What I learned
i have added Global Variables in scope from css to manipulate the colors from the page.
```css
:root {
/* PRIMARY COLORS */
--pale-blue: hsl(225, 100%, 94%);
--bright-blue: hsl(245, 75%, 52%);
/* NEUTRAL COLORS */
--very-pale-blue: hsl(225, 100%, 98%);
--desaturated-blue: hsl(224, 23%, 55%);
--dark-blue: hsl(223, 47%, 23%);
}
```
## Author
- Website - [page-music.netlify.app](https://page-music.netlify.app)
- Frontend Mentor - [@jack970](https://www.frontendmentor.io/profile/jack970)