Estou praticando css ,html e java em projeto, gostaria de adicionar uma imagem no top do site cobrindo largura da tela inteira .
Como minha imagem não tem largura suficiente para cobrir a tela toda sem ficar distorcida, pensei em duplicar a imagem e colocar uma do lado da outra para cobrir outra metade da tela e cobrindo largura toda do site, porém, não consegui deixar imagem como pensei na minha mente.
Elas continuam uma em baixo da outra mesmo usando display; flex e flex-direction: row, alguém pode me ajudar saber onde está meu erro ?
Vou deixar codigo no final para dar uma olhada.
CSS
.imagem_carrinho{ display: flex; flex-wrap: wrap; width : 100vh; /Largura/ height : 15rem;/*Altura */ margin: #191919;
}
Html
<img class="imagem_carrinho" src="imagem/carrinhos-de-compras-com-alcas-vermelhas-e-azuis.jpg">
<img class= "imagem_carrinho" src="imagem/carrinhos-de-compras-com-alcas-vermelhas-e-azuis.jpg">
