This is a solution to the Results summary component 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 for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Bonus: Use the local JSON data to dynamically populate the content
- Solution URL: Add solution URL here
- Live Site URL: result-summary-component
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
uses of pseudo classes, pseudo-elements, and data* attributes.
Creating a random generator of numbers for the each categories and make main score dynamically updated based on the these.
- Website - poplarbeargi
- Frontend Mentor - @poplarbeargi