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://www.frontendmentor.io/solutions/ordersummary-using-flexbox-mn123WJYx-]
- Live Site URL: [https://kxtara.github.io/order-summary/]
I started with structuring my HTML, knowing that I'd need a container to imitate the card, then proceeded to style it.
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
Moving forward, I want to continue with FEM challenges and work more with CSS Grid.
- Frontend Mentor - @kxtara
- Twitter - @kiarahoheb