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

Vous souhaitez remporter un projet comme celui-ci ?
Ce client a reçu 22 web designs de la part de 6 designers. Il a choisi ce web design de Dhiraj 2 comme design gagnant.
Inscrivez-vous Trouvez des Projets de Design- Garanti
Brief de Web Design
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
Nombre de Pages Demandé
1 page
Aspect
Chaque curseur illustre les caractéristiques de la marque client et le style que doit transmettre votre design de logo.
Élégant
Audacieux
Léger
Sérieux
Traditionnel
Moderne
Sympathique
Professionnelle
Féminin
Masculin
Coloré
Conservateur
Économique
Haut de gamme
Exigences
Doit avoir
- The page must be responsive and look very professional AND game like.
Ne doit pas comporter
- plugins. just native code