Как убрать отступы по бокам?

Question

[pshevnin]

Здравствуйте, сделал фон на веб странице, но со всех сторон от фона по краям есть белая "щель", как ее убрать? код css фона:

main {

    background-image: radial-gradient(circle at 74.84% 6.98%, #ff9a53 0, #ff8d55 12.5%, #ff7c52 25%, #ff654d 37.5%, 
    #f94646 50%, #ea1a40 62.5%, #de0040 75%, #d50043 87.5%, #cf004a 100%);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;

  }

Я пробовал такие команды как padding: 0;
margin: 0; щели все равно оставались. Такой же отступ и у footer'а страницы, тоже не могу убрать

Comments

[Максим]

А если общий margin и padding убрать ?

[pshevnin]

Максим, Я делаю во фреймворке svelte, и по идее, это и есть самый общий. Других нет, или я пока не разобрался

[Максим]

pshevnin, я имел ввиду стандартная запись вот такая: *{margin:0; padding:0;} а фреймворк это или нет не имеет значения

[Ankhena]

pshevnin,

body {margin: 0}

Только вот так, как выше. Не стоит убирать отступы сразу у всех элементов.

[pshevnin]

Максим, да, я понял о чём вы, такое ощущение, что фреймворк зачем то добавляет отступы после, потому что я уже перепробовал всё, в том числе удалить все отступы у всех элементов

[Сергей delphinpro]

pshevnin, Откройте инспектор и посмотрите чей это отступ.
В тегах к вопросу стоит бутстрап. Есил вы используете его, то там уже все обнулено, что надо.

[pshevnin]

Сергей delphinpro, Я выяснил, что это svelte добавляет отступ. Фоновое изображение я устанавливаю у компонента main, который из svelte, и у которого, судя по всему есть неизменяемый отступ. Если я сделаю фон через body, то мой градиент разбивается на несколько изображений, у которых есть видимые границы