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.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- See hover states for interactive elements
- Solution URL: GitHub Repo
- Live Site URL: GitHub Page
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Tailwind CSS - CSS framework
- Browser-Sync - Browser Hot Reload
One of the things that I learnt and will take with me is the ability to extend the backgroundImage
theme config and add in background images.
backgroundImage: {
mobile: "url('./images/bg-mobile.svg')",
desktop: "url('./images/bg-desktop.svg')",
}
- Website - JRLByrne Tech
- Frontend Mentor - @JustinByrne
- Twitter - @JustinBTechGuy