LINK: https://country-1.vercel.app/
Created a Reusable Hero and Navbar component that renders 3 different colors/responsive layouts depending on browser/screen size in both Hero component and Layout 3 of this project.
Query props have been returned from the GraphQl endpoint given.
Dynamic Pages have been created; when each country is clicked its information will be shown.