updated README and added screenshot

README.md

@@ -1,3 +1,43 @@
-# Frontend Mentor Challenge built using React + Vite
+# Frontend Mentor - Results summary component solution
 
-The challenge is linked [here](https://www.frontendmentor.io/challenges/results-summary-component-CE_K6s0maV).
+This is a solution to the [Results summary component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/results-summary-component-CE_K6s0maV).
+
+## Table of contents
+
+- [Overview](#overview)
+  - [The challenge](#the-challenge)
+  - [Screenshot](#screenshot)
+  - [Links](#links)
+  - [Built with](#built-with)
+- [Author](#author)
+
+## Overview
+
+### The challenge
+
+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
+
+### Screenshot
+
+![](./screenshot.png)
+
+### Links
+
+- [Solution URL](https://www.frontendmentor.io/solutions/results-summary-component-FXlIE3Crn5)
+- [Live Site URL](https://rainbow-starship-783491.netlify.app/)
+
+### Built with
+
+- Flexbox
+- Mobile-first workflow
+- [React](https://reactjs.org/) - JS library
+- [Tailwind CSS](https://tailwindcss.com/) - For styles
+
+## Author
+
+- Frontend Mentor - [@slockers37](https://www.frontendmentor.io/profile/slockers37)
+- Twitter - [@slockers](https://www.twitter.com/slockers)