1. Onboarding - Responsive Card

[7alip]

Design: https://www.figma.com/file/2KeHIr9IOh0HoCO89akiLn/WsvvUI?node-id=1120%3A11928

Tasks

• [x] Create branch <username>/responsive-card
• [x] Create a single responsive card component matches the design above
• [x] Use packages/ui/src/examples/E0_ResponsiveCard.tsx
• [x] Use yarn storybook and check your result inResponsiveCard.stories.tsx.
• [x] Dimensions/spaces do not have to be the same as specified in the design. If you still want to apply exactly the same design, you can log in to be able to see more details on Figma

You can read https://github.com/wsvvrijheid/monorepo/pull/47#discussion_r944140256 to learn more about how ChakraUI responsive styles are being used.