Use responsive design to make this page look and behave awesome in any size

Want to win a job like this?
This customer received 22 web designs from 6 designers. They chose this web design from Dhiraj 2 as the winning design.
Join for free Find Design Jobs- Guaranteed
Web Design Brief
YOU CAN SUBMIT PSD, HOWEVER, THE WINNER MUST SUBMIT PROVIDE A SINGLE CODED PAGE PER THE LINK AND INSTRUCTIONS AT THE BOTTOM OF THIS BRIEF. While developing an internal website, we realized we are not super great at making things look awesome and responsive for phone/tablet/desktop. Thats where you come in. We want you to take this code, Fork it, and then make it look awesome and work great on any size device.
Task at hand:
This page is a simple dashboard showing how a number of stores stack up against each other and against a corporate goal.
Top: Goal title, and where the logged in person's store stands in the ranking.
Green means you are in compliance
Red means you are not in compliance
Middle: Description of goal. Words to describe what the corporate goal is, and a target number.
Bottom: Here we just want to show the top 10 and bottom 5 out of 100+ stores. if your in the top ten, you are highlighted. If your in the bottom 5, you will be highlighted there too. If you are in the middle, we would put the your store info between the top and bottom... indicating your in the middle.
Green means you they are in compliance
Red means they are not in compliance
Your Mission is not only to make this look fantastic and responsive, but to have usable code in there.
You don't need to do any logic. All we care about is look and feel and responsive behavior on different size browsers.
The winner obviously gets the prize, and hopefully can become a solid resource to do more of this type of thing for us in the future.
Instructions:
Go to this link: https://stackblitz.com/edit/dci-scoreboard-component
Click on the blue Fork button. This will give you a new URL that you can paste back into the contest to review results for us to see your work.
Uploading pictures is not necessary as the responsive code is what is important here.
Good luck!
Updates
Low designer entries
Number of Pages Required
1 page
Look and feel
Each slider illustrates characteristics of the customer's brand and the style your logo design should communicate.
Elegant
Bold
Playful
Serious
Traditional
Modern
Personable
Professional
Feminine
Masculine
Colorful
Conservative
Economical
Upmarket
Requirements
Must have
- The page must be responsive and look very professional AND game like.
Should not have
- plugins. just native code