Danger
Training exercise.

# Experience review

## What made you smile?

* We've learned new things about CSS


## What did you find confusing?

* When we've added:



```
      - group: SocialIcons
        items:
          - label: Icon 1
            href: 'https://redocly.com/subscription-agreement/'
            icon: ./calc.svg
```

To our redocly.yaml Webview show some artifacts in footer (it seems that one of the groups was link instead of rendered list of items)

* When we've uploaded a new png image and used it in footer Webview didn't render it. We've had to full restart Webview to see it.
* Editor was slow (when typing fast cursor moves very slowly).
* The preview build were slower then usually
* We missed static CSS classes like FooterItem, FooterTitle which resulted in more complex CSS selectors. Eventually we ended up with `class^="FooterColumn__FooterColumnTitle"` syntax.
* We missed some documentation about how to style specific element in footer (we couldn't find it)
* We've had to manually reload Webview multiple times because our changes were not properly reflected