This is a solution to the Order summary card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Note: Delete this note and update the table of contents based on what sections you keep.
Recreating the order summary card.
It should be as identical as possible
- Live Site URL: Add live site URL here
- First created a div for the main card
- -- A child div that wraps the hero image
- -- A child div that hold the order details
- -- - An h1 heading
- -- - A paragraph for the order description
- -- - A div for the price summary
- -- - -- I used font-awesome for the music icon
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
I want to work on my handling background graphics
- font Awesome - I used Font Awesome for the music icon
- Frontend Mentor - @aimhigh99
- Twitter - @ericaimhigh