I am working closely together with a developer to create websites. We've stumbled upon a problem when it comes to exporting SVGs from Adobe Illustrator (CC) and implementing them on websites.

The artboard in illustrator looks like follows:

[![enter image description here](https://i.stack.imgur.com/GGrmm.jpg)](https://i.stack.imgur.com/GGrmm.jpg)

Yet, when added to the web code, there is a gap we cannot get rid of:

[![enter image description here](https://i.stack.imgur.com/cZidJ.jpg)](https://i.stack.imgur.com/cZidJ.jpg)

SVG export settings age:

* styling: presentation attributes
* font: svg
* object ids: layer names
* decimal: 0

Additional option: responsive

Has anybody experienced anything similar?

Thanks in advance for your help :)