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: Solution
- Live Site URL: Vercel Website
I have first started with the background and media queries, after this was completed i added the component for the desktop version first and then finally made it responsive.
- Flexbox
- Desktop-first workflow
- SASS - Stylesheet language
- React - JS library
- Next.js - React framework
- Tailwindcss - CSS framework
I have learned some more knowledge in SASS in relation to responsive design.
- Tailwind Cheatsheet - A Cheatsheet for Tailwind.
- Website - Mike van Peeren
- Frontend Mentor - @MikevPeeren
- Linkedin - @MikevPeeren
- Github - @MikevPeeren
- GitLab - @MikevPeeren