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.
Users should be able to:
- See hover states for interactive elements
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
Planning the markup for your project is the perfect way to start and approach a project because it makes it so easy to work out and implement which is the opposite when you just dive into code without planning.
- The box shadow generator - This helped me to easily get a box shadow for a part of the component which i highly recommend.
- MDN - This is an amazing site for references for all the properties used in css and many other things that i highly recommend.