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
- HTML5
- CSS custom properties
- Bootstrap 5.2.3
- CSS Grid
- Javascript
From this challenge, I've learnt how to fetch JSON data and use it to generate dynamic Elements using Javascript.