Мобильная версияЯ пытаюсь добавить свой логотип в заголовок веб-страницы, но все время вижу это поле вокруг SVG, когда проверяю его внешний вид на маленьких экранах.
Вот мой html-файл
Ресторан
РЕСТОРАН
введите здесь
Вот мой файл style.css
*{ маржа: 0; заполнение: 0; /* граница: 1 пиксель, сплошная красная; */ } тело{ цвет фона: черный; белый цвет; } #logo изображение{ фон: белый; } #логотип п{ размер шрифта: 16,2; семейство шрифтов: без засечек; начертание шрифта: жирный; поле слева: 35 пикселей; Расстояние между буквами: 0,2 пикселя; } Вот logo.svg Этот файл содержит логотип, который я хочу включить в свой заголовок
На большом экране все выглядит хорошо. Но на маленьких экранах вокруг SVG есть поле. Я пытался обрезать SVG, но это не сработало. Почти все остальные решения, которые я мог придумать, потерпели неудачу
