This is a solution to the Crowdfunding product page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Make a selection of which pledge to make
- See an updated progress bar and total money raised based on their pledge total after confirming a pledge
- See the number of total backers increment by one after confirming a pledge
- Toggle whether or not the product is bookmarked
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- React Hooks
- Tailwindcss
- Post CSS
- Autoprefixer
- React - JS library
I learnt how to properly use the React useRef Hook to access html elements and manipulate them.
If you want more help with writing markdown, we'd recommend checking out The Markdown Guide to learn more.
- Website - Omole Daniel Ayodeji
- Frontend Mentor - @yourusername