Guide

1. Open your Framer Project.

2. Head to the 'Code Overrides' tab and create a new code override.

3. Name it 'withCSS' - this way you can add other CSS tricks in the future to the same file.

4. Click 'Create' to bring your design to life.

5. Paste the code.

6. Start coding your component by adding the return statement.

7. Save your code changes with the shortcut to see them instantly applied.

8. Go to the 'Override' option.

9. Select your primary canvas and apply the code override to it.

10. Share your creation with the world by clicking 'Publish'.