This is a solution to the Order summary card challenge on Frontend Mentor.
Users should be able to:
- See hover states for interactive elements
- Live Site URL: https://lucasepk.github.io/order-summary-component/
- Semantic HTML5 markup
- CSS
- Flexbox
- CSS Grid
- Mobile-first workflow
About HTML I learnt to link multiple style sheets, and that IDs aren't for styling
<head>
<!--Linking css sheets-->
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
</head>About CSS I learnt about CSS resets, using rem units for font-size and text decoration.
- https://andy-bell.co.uk/a-modern-css-reset/ - This is the CSS reset I'm using
- https://fedmentor.dev/posts/font-size-px/ - Useful read to learn about font sizes units to use
- https://fedmentor.dev/posts/id-attribute-masterclass/ - Useful read to learn about IDs and how to use them
- Frontend Mentor - @LucasEPK