Grommet Responsive Grid [closed]

I am asking this question to provide an answer for someone else in the future. Grommet is a fantastic component library with shocking documentation.

I have created a simple example that shows how to:

• create a custom theme src/styles/theme.ts
• add it to the top-level of your application src/index.tsx
• access in your application src/app.tsx
• write terse functions that provide the responsive logic src/app.tsx

The example is available here