This is a solution to the Order summary card challenge on Frontend Mentor.
Users should be able to:
- See hover states for interactive elements
- Solution URL: Github Code
- Live Site URL: Live Site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
- To make border radius on images you need to set overflow hidden on the parent container
- Making the hover effect of the button required the use of z-index and box-shadow
I'd like to continue learning about making different hover effects using box-shadow.
- MDN - achieving hover effect using box-shadow
- MDN - placing components at different z-index positions
- Website - Arnold Odhiambo
- Frontend Mentor - [@arnold-ryan](https://www.frontendmentor.io/profile/arnold-ryan
- LinkedIn - Arnold Odhiambo