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
[]! ('')
- Solution URL: https://github.com/Jlovellealfeche/order-summary-component
- Live Site URL: https://jlovellealfeche.github.io/order-summary-component/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- SASS
I have learned how to use flex box and using flex box properties: display, flex-direction, align-items, justify-content to have the items in the center and this css property
.element {
min-height: 100vh;
}
### Useful resources
- [Example resource 1](https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-basics-and-terminology) - This helped me understand flexbox more.
## Author
- Frontend Mentor - [@Jlovellealfeche](https://www.frontendmentor.io/profile/Jlovellealfeche)