As a front-end developer within the Circle In technology team, you have been tasked with the job of implementing the following design for a new “Real Stories” page.  Real stories are a popular feature where users of the Circle In platform can read interesting articles from other parents and carers who use the platform.

https://www.figma.com/file/X0mRnFM272Dwvg8sqwIVc2/Circle-In-Frontend-Coding-Exercise

When developing this page you should:

1. Utilise VueJS and any other supporting component libraries that will help you achieve the result
2. Consider the correct use of components to ensure reusable elements can be used elsewhere in the site
3. Ideally implement the design as close to the design as reasonably possibly
4.  Make the solution responsive to ensure it works for smaller devices – you can take some creative freedom here given you don’t have a mobile Figma design!
5. Implement any unit or front-end testing, where appropriate

Email the code as a zipped up git repository to ben@circlein.com (feel free to email any questions through as well)

Good luck!