Não consigo ocupar toda a largura da tela com imagem

Front-end
,
#1

Já tentei de tudo galera, sou iniciante em front-end. Reparem que sobra um espaço dos dois lados.

Em index.html estou usando:

<img class="capa" src="./imagens/programacao2.png">

Em css.css estou usando:

.capa {
border-left:0px;
max-width:100%;
}

Olha como fica:

PNG
Capturar.PNG.jpg1366×578 198 KB

#2

Normalmente quando frontends estão estilizando o documento HTML com seu CSS, eles iniciam dando um reset em alguns elementos HTML que vem com umas propriedades padrão.

Use o seletor universal e faça um reset básico e coloca no seu CSS e me diga o que mudou:

* {
padding: 0;
margin: 0;
}

(Coloque no inicio do seu código)

E procure por algo Reset CSS, existem resets do básico ao mais complexo.

E olhando o código que você pôs, tente assim:

.capa {
    width: 100vw;
}

caso não dê, adicione padding e margin:

.capa {
     width: 100vw;
     margin: 0;
     padding: 0;
}
#3

Consegui resolver com o seletor universal, tentei com as outras opções que me deu mas não funcionou. Obrigado @caiodqribeiro