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: Order summary solution
- Live Site URL: Summary Card
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- React - JS library
- Tailwind CSS - For styles
- Using React functional components
- Using Tailwind CSS utilies and custom properties
- Using Tailwind CSS to build a responsive card component
- Optimising the project to get better Lighthouse scores
- Tailwind CSS docs - This helped me for referring to everything related to Tailwind CSS. I really liked this pattern and will use it going forward.
- Frontend Mentor - @Shreykr