Results Summary Card (Dynamic) using pure HTML, CSS/SCSS, Javascript

Hey There 👋,

Challenge The challenge is to build out this results summary component and get it looking as close to the design as possible.

User Features:

• 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

Solution Approach As this is a specific component, I have chosen to stick without using any library/framework approach with pure CSS, and Javascript. Although, I have used the CSS pre-processor SCSS for the styling of the application. However, JS is not required for this challenge, to utilize the data from data.json and make it dynamic rather than a static card, Javascript was used.